@charset "utf-8";


/*
Theme Name:PC用
*/


/*サイト全体骨組み-------------------------------------------------*/
* {
margin:0;
padding:0;
border:0;
}

body {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-image:url(common_img/body_bg.jpg);
background-position:0 0;
background-repeat:repeat;
font-size:12px;
color:#000000;
}

body p{
line-height:1.6;
margin-bottom:20px;
}

#wrapper {
width:758px;
margin:0 auto 0 auto;
border-left:1px solid #F1DEC2;
border-right:1px solid #F1DEC2;
clear:both;
}

img{
vertical-align:bottom;
}

/*ヘッダ-------------------------------------------------*/
#header {
width:758px;
height:155px;
background-image:url(common_img/header_bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
margin:0;
clear:both;
}

#header h1 {
margin:0;
padding:5px 0  0 5px;
color:#FFF;
font-size:12px;
font-weight:normal;
height:25px;
}

#header_logo {
display:block;
width:255px;
height:91px;
text-align:left;
background-image:url(common_img/logo.png);
background-position:10px 5px;
background-repeat:no-repeat;
text-indent:-9999px;
padding:0;
margin:0;
}

#header_logo a {
display:block;
width:255px;
height:91px;
text-decoration:none;
padding:0;
margin:0;
}

/*ローカルナビ-------------------------------------------------*/

#lnavi {
float:left;
width:200px;
margin:0 0 15px 0;
}

#lnavi li {
height:auto;
margin:0 0 0 0;
padding:10px 0 3px 20px;
list-style-type:none;
background-image:url(common_img/lnavi_btn.gif);
background-repeat:no-repeat;
background-attachment:bottom;
display:block;
}

#lnavi li a{
color:#644300;
}

#lnavi li.cl {
height:20px;
color:#402C00;
margin:0 0 0 0;
padding:10px 0 0 20px;
list-style-type:none;
background-image:url(common_img/lnavi_btn_o.gif);
background-repeat:no-repeat;
background-attachment:bottom;
}

#lnavi li.page_item {
height:auto;
margin:0 0 0 0;
padding:10px 0 3px 20px;
list-style-type:none;
background-image:url(common_img/lnavi_btn.gif);
background-repeat:no-repeat;
background-attachment:bottom;
display:block;
line-height:1.4em;
}

#lnavi li.current_page_item {
height:auto;
color:#402C00;
margin:0 0 0 0;
padding:10px 0 3px 20px;
list-style-type:none;
background-image:url(common_img/lnavi_btn_o.gif);
background-repeat:no-repeat;
background-attachment:bottom;
line-height:1.4em;
display:block;
}

#lnavi ul {
width:178px;
height:auto;
display:block;
padding-top:3px;
}

#lnavi ul .current_page_item{
height:auto;
color:#402C00;
margin:0 0 0 0;
padding:10px 0 3px 20px;
list-style-type:none;
background-image:url(common_img/lnavi_btn_o2.gif);
background-repeat:no-repeat;
background-attachment:bottom;
line-height:1.4em;
display:block;
background-color:#AFAF7F;
}

/*コンテンツ-------------------------------------------------*/
#main {
width:728px;
padding:10px 15px 30px 15px;
background-color:#FFF;
clear:both;
}

#main_l {
width:200px;
float:left;
}

#main_r {
width:510px;
float:right;
}

/*アンカー-------------------------------------------------*/
a:link, a:active {
color:#A02501;
text-decoration:none;
}

a:visited {
color:#A02501;
text-decoration:none;
}

a:hover {
color:#A02501;
text-decoration:underline;
}

/*パンくず--------------------------------------*/
#topicpath {
padding:0 0 15px 0;
font-size:10px;
font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
}

/*ページトップアンカー--------------------------------------*/
.pagetop {
clear:both;
}

.pagetop li {
margin:0 0 30px 0;
list-style-type:none;
text-align:right;
}

.pagetop a {
clear:both;
text-decoration:none;
font-size:9px;
}

/*本文-------------------------------------------------*/

h2 {
color:#515133;
font-weight:bold;
height:32px;
font-size:16px;
margin: 0px 0px 10px 0px;
text-align:left;
padding:8px 10px 0px 23px;
background-image:url("common_img/cap1.jpg");
background-position:0 0;
background-repeat:no-repeat;
}

h3 {
color:#A02501;
font-weight:bold;
height:30px;
font-size:14px;
margin: 0px 0px 10px 0px;
text-align:left;
padding:8px 10px 0px 18px;
background-image:url("common_img/cap2.gif");
background-position:0 0;
background-repeat:no-repeat;
}

h4 {
color:#666633;
font-weight:bold;
font-size:14px;
margin: 0px 0px 12px 0px;
text-align:left;
padding: 3px 0 3px 8px;
border-left:2px solid #A02501;
border-bottom:1px dotted #999;
}

h5 {
color:#996600;
font-weight:bold;
font-size:14px;
margin: 0px 0px 12px 0px;
text-align:left;
padding: 0 0 0 16px;
background-image:url("common_img/cap3.gif");
background-position:0 3px;
background-repeat:no-repeat;
}

ul.linkList{
	width:100%;
}

ul.linkList li{
	list-style:none;
	line-height:1.6;
}

ul.linkList li a{
	padding:10px;
	border-top:1px dotted #D0C6B2;
	background-color:#FDECD0;
	border-radius:4px;
	display:block;
	text-decoration:none;
	margin:0;
}

ul.linkList li a:hover{
	background-color:#FBDAA2;
}

ul.linkList li:last-child{
	border-bottom:1px dotted #D0C6B2;
}
	

ul.linkList li a:before{
	display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f144";
    margin-right: 7px;
}

ul.check li{
list-style:none;
margin-bottom:10px;
line-height:1.5;
}

ul.check li:before{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f058";
margin-right: 7px;
color:#549702;
}


a.link{
	padding:10px;
	border:1px solid #DBBFA8;
	border-radius:4px;
	display:inline-block;
	text-decoration:none;
}
a.link:hover{
	background-color:#DBBFA8;
	text-decoration:none;
}

a.link:before{
	display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f144";
    margin-right: 7px;
}

img.responsive{
width:auto;
max-width:510px;
}

div.amazonSp{
display:none;
}

.m0 {
margin-bottom:0;
}

.m10 {
margin-bottom:10px;
}

.m20 {
margin-bottom:20px;
}

.m30 {
margin-bottom:30px;
}

.m40 {
margin-bottom:40px;
}

.pt20 {
padding-top:20px;
}


.m_l10 {
margin-left:10px;
}

.f_center {
text-align:center;
}

.f_right {
text-align:right;
}

.f_bold {
font-weight:bold;
}

.f_small {
font-size:10px;
line-height:1.5em;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.f_large {
font-size:14px;
}

.f_xlarge {
font-size:16px;
}

.f_color_blue {
color:#038CBA;
}

.f_color_red {
color:#983601;
}

.f_color_cream {
color:#EAECA3;
}

.f_bold {
font-weight:bold;
}

.img_f_left {
float:left;
margin:10px 10px 10px 0;
}

.img_f_right {
float:right;
margin:10px 0 10px 10px;
}

.read_lh160_m0 {
line-height:1.6;
}

.read_lh160_m5 {
line-height:1.6;
margin-bottom:5px;
}

.read_lh160_m10 {
line-height:1.6;
margin-bottom:10px;
}

.read_lh160_m20 {
line-height:1.6;
margin-bottom:20px;
}

.read_lh160_m30 {
line-height:1.6;
margin-bottom:30px;
}

.read_lh160_m40 {
line-height:1.6;
margin-bottom:40px;
}

.indent10 {
text-indent:10px;
}

.indent20 {
text-indent:20px;
}

.img_list li {
list-style-type:none;
background-image:url(common_img/listmark.gif);
background-repeat:no-repeat;
background-position:0 0px;
padding:0 0 7px 22px;
font-size:12px;
line-height:1.6em;
}

.wid_510 {
width:510px;
clear:both;
}

.wid_510_bline {
width:510px;
clear:both;
background-image:url(common_img/line01.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:10px 0 10px 0;
}

.half {
width:260px;
float:left;
}

.wid_250_l {
width:250px;
float:left;
}

.wid_250_r {
width:250px;
float:right;
}

.box01 {
width:498px;
padding:10px;
background-color:#0F0F0F;
border:1px solid #262626;
clear:both;
}

.box01 li{
font-size:14px;
color:#983601;
list-style-type:none;
background-image:url(common_img/box01_list.jpg);
background-repeat:no-repeat;
background-position:0 6px;
padding:2px 0 0 15px;
margin-bottom:10px;
}

.box01 p{
margin-left:16px;
line-height:1.6em;
}

.l_210 {
width:210px;
float:left;
}

.r_300 {
width:300px;
float:right;
}

/*TOPページバナー--------------------------------------*/
.top_btn_box {
width:250px;
clear:both;
}

.top_btn_box_l {
width:92px;
float:left;
}

.top_btn_box_r {
width:152px;
float:right;
}

/*テーブル--------------------------------------*/
table .t_sol {
border-top:1px solid #FFF;
}

table .b_sol {
border-bottom:1px solid #FFF;
}

table .b_dot {
border-bottom:1px dotted #666;
}

table .t_dot {
border-top:1px dotted #666;
}

table.wid_520 {
width:520px;
margin-left:auto;
margin-right:auto;
padding:0;
line-height:1.6em;
border-collapse:collapse;
}

th.tcolor {
text-align:left;
vertical-align:top;
color:#038CBA;
background-color:#000000;
padding:7px;
font-weight:normal;
}

th.tcolor2 {
text-align:left;
vertical-align:top;
color:#FFF;
background-color:#000000;
padding:7px;
font-weight:normal;
}

table.m30 {
margin-bottom:30px;
}

td.tnormal {
background-color:#000000;
padding:7px;
}

table .wid_140 {
width:140px;
}

table.norm   { width: 100%; border-collapse: collapse; }
table.norm th, table.norm td  { padding: 10px; border: 1px solid #ddd; }
table.norm th  { background: #f4f4f4; }

/*フォーム--------------------------------------*/
input.norm {
margin:2px;
padding:2px;
font-size:12px;
border-top:1px solid #999999;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-left:1px solid #999999;
}

.btn {
width:60px;
margin:2px;
height:22px;
padding-top:1px;
background-image:url(common_img/submit_btn.jpg);
background-position:0 0;
background-repeat:no-repeat;
color:#666;
cursor:pointer;
}


/*フッタ-------------------------------------------------*/

#footer {
clear:both;
width:758px;
margin:0;
padding:7px 0 0 0;
border-top:3px solid #996600;
background-color:#E0D1B2;
}

#footer p{
font-family:"ＭＳゴシック", Osaka, sans-serif;
text-align:center;
font-size:10px;
padding:10px 15px 0 15px;
color:#996600;
line-height:1.5em;
}

#footer ul{
width:728px;
text-align:center;
font-size:10px;
color:#402C00;
}

#footer ul li{
display:inline;
background-image:url(common_img/footer_li.gif);
background-repeat:no-repeat;
background-position:0 0;
padding:1px 5px 3px 5px;
}

#footer a:link, a:active {
color:#402C00;
text-decoration:none;
}

#footer a:visited {
color:#402C00;
text-decoration:none;
}

#footer a:hover {
color:#402C00;
text-decoration:underline;
}

#footer p a:link, a:active {
color:#996600;
text-decoration:underline;
}

#footer p a:visited {
color:#996600;
text-decoration:underline;
}

#footer p a:hover {
color:#996600;
text-decoration:none;
}

/*clearfix-------------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

.clearfix {zoom:100%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */