@charset"Shift_JIS";
/**********************************************************************************************/
/**********************************************************************************************/
/*初期化*/
/**********************************************************************************************/
body{
margin:0;
padding:0;
background-color:#FFFFFF;
color:#333333;
}

h1,h2,h3,h4,h5,h6,p{
margin:0px;
padding:0px;
}

img{
border:none;
}

sup,
sub {
vertical-align: baseline;
position: relative;
}

sup {
top: -4px
}

sub {
top: 4px
}


/**********************************************************************************************/
/**********************************************************************************************/
/*全体*/
/**********************************************************************************************/

/*全体の中央寄せ*/
#pagewidth{
width:750px;
background-color:#ffffff;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
text-align:left;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#contents{
	padding:0px 70px 0px 70px;
	background-image:url(img/bg_01.jpg);
	background-repeat:repeat-y;
	background-position: left;
}

.ttl{
padding:20px 0px 20px 0px;
}

.btn_area01{
margin:10px 0px 10px 0px;
}

.btn_area02{
padding:10px 0px 30px 0px;
}

/**********************************************************************************************/
/**********************************************************************************************/
/*font関連*/
/**********************************************************************************************/

.fS{
font-size:x-small;/*10px 63%相当*/
line-height:120%;
}

.fM{
font-size:small;/*13px 79%相当*/
line-height:140%;
}

.fL{
font-size:medium;/*16px 100%相当*/
line-height:140%;
}

.fXL{
font-size:large;/*20px 100%相当*/
line-height:160%;
}

.fOL{
font-size:larger;/*20px 100%相当*/
line-height:160%;
}

/**********************************************************************************************/
/**********************************************************************************************/
/*ヘッダーエリア関連*/
/**********************************************************************************************/
#head_area h1{
color:#000000;
margin:10px 0px 10px 0px;
text-align:center;
font-size:medium;/*16px 100%相当*/
line-height:140%;
}

#head_area h2{
color:#000000;
margin:20px 0px 1px 0px;
padding:0px 40px 0px 10px;
text-align:left;
font-size:medium;/*16px 100%相当*/
line-height:140%;
}


#head_area ul.num{
margin:10px 0px 10px 10px;
padding:0px 0px 0px 20px;
list-style-type:decimal;
font-size:small;/*13px 79%相当*/
line-height:140%;
}

#head_areaa ul.num li{
margin:10px 0px 10px 0px;
padding:5px 5px 0px 5px;
clear:both;
}


#head_area ul.dot{
margin:10px 0px 10px 10px;
padding:0px 0px 0px 20px;
list-style-type:disc;
font-size:small;/*13px 79%相当*/
line-height:140%;
}

#head_areaa .dot li{
margin:10px 0px 10px 0px;
padding:5px 5px 0px 5px;
clear:both;
}

#head_area p{
/*text-indent:1em;*/
margin:20px 5px 20px 5px;
font-size:small;/*13px 79%相当*/
line-height:140%;
}

#head_area p.date{
margin:0px;
padding:5px 0px 5px 5px;
font-size:small;/*13px 79%相当*/
line-height:140%;
}

#head_area p.category{
margin:0px;
font-size:x-large;
line-height:150%;
}

.logo{
margin:10px 0px 10px 0px;
}

.logo ul{
margin:0px 0px 0px 0px;
padding:0px;
position:relative;
}

.logo li{
height:32px;
width:50%;
display:block;
margin:0px 0px 0px 0px;
padding:5px 0px 10px 0px;
float:left;
list-style-type:none;
text-align:left;
}

.main_img{
margin:5px auto 5px auto;
}

.title {
font-weight:bold;
}

.non {
font-weight:normal;
margin:0 10px 10px 0;
clear:both;
}

ul.dot{
margin:5px 0px 5px 0px;
padding:0px 0px 0px 40px;
list-style-type:disc;
font-size:small;/*13px 79%相当*/
line-height:140%;
clear:both;
min-height:1px;　/* IE 7対策 */
}

.dot li{
margin:0px 0px 5px 0px;
padding:2px 5px 2px 5px;
clear:both;
}

/**********************************************************************************************/
/**********************************************************************************************/
/*詳細エリア関連*/
/**********************************************************************************************/

#detail_area h2{
color:#000000;
margin:20px 0px 10px 0px;
padding:0px 40px 0px 10px;
text-align:left;
font-size:medium;/*16px 100%相当*/
line-height:140%;
}

#detail_area ul.ttl_non{
color:#000000;
margin:30px 0px 10px 0px;
padding:5px 10px 5px 10px;
list-style-type:none;
background-color:#eeeeee;
font-size:medium;/*16px 100%相当*/
line-height:140%;
font-weight:bold;
/*
border-top:1px solid #dddddd;
border-bottom:1px dashed #cccccc;
*/
clear:both;
min-height:1px;　/* IE 7対策 */
}

ul.ttl_dot{
color:#000000;
margin:30px 0px 10px 0px;
padding:0px 10px 0px 30px;
list-style-type:disc;
background-color:#eeeeee;
font-size:medium;/*16px 100%相当*/
line-height:140%;
font-weight:bold;
/*
border-top:1px solid #dddddd;
border-bottom:1px dashed #cccccc;
*/
clear:both;
min-height:1px;　/* IE 7対策 */
}

#detail_area ol.ttl{
color:#000000;
margin:30px 0px 10px 0px;
padding:5px 0px 5px 40px;
background-color:#eeeeee;
font-size:medium;/*16px 100%相当*/
line-height:140%;
/*
border-top:1px solid #dddddd;
border-bottom:1px dashed #cccccc;
*/
font-weight:bold;
clear:both;
min-height:1px;　/* IE 7対策 */
}

#detail_area .ttl li{
color:#000000;
margin:0px 0px 0px 0px;
padding:5px 5px 0px 5px;
font-weight:bold;
clear:both;
}

#detail_area .ttl_non li{
color:#000000;
margin:0px 0px 0px 0px;
padding:2px 5px 2px 5px;
font-weight:bold;
clear:both;
}

#detail_area .ttl_dot li{
color:#000000;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
font-weight:bold;
clear:both;
}

#detail_area p{
/*text-indent:1em;*/
margin:0px;
padding:10px;
font-size:small;/*13px 79%相当*/
line-height:140%;
clear:both;
min-height:1px;　/* IE 7対策 */
}

#detail_area ul.num{
margin:10px 0px 10px -2px;
padding:0px 0px 0px 40px;
list-style-type:decimal;
font-size:small;/*13px 79%相当*/
line-height:140%;
clear:both;
min-height:1px;　/* IE 7対策 */
}

#detail_area ul.dot{
margin:10px 0px 10px -2px;
padding:0px 0px 0px 40px;
list-style-type:disc;
font-size:small;/*13px 79%相当*/
line-height:140%;
clear:both;
min-height:1px;　/* IE 7対策 */
}

#detail_area .num li{
margin:5px 0px 5px 0px;
padding:2px 5px 2px 5px;
clear:both;
}

#detail_area .dot li{
margin:5px 0px 5px 0px;
padding:2px 5px 2px 5px;
clear:both;
}

#detail_area ol.txt{
margin:30px 0px 10px -2px;
padding:5px 0px 5px 40px;
font-size:small;/*13px 79%相当*/
line-height:140%;
clear:both;
min-height:1px;　/* IE 7対策 */
}

#detail_area ol.txt li{
margin:5px 0px 5px 0px;
padding:2px 5px 2px 5px;
clear:both;
}

.link {
margin:20px 0px 20px 0px;
padding:0px 40px 0px 20px;
font-weight:bold;
font-size:small;
}


/**********************************************************************************************/
/**********************************************************************************************/
/*注釈関連*/
/**********************************************************************************************/

dl.note{
margin:10px 10px 10px 10px;
font-size:x-small;/*10px 63%相当*/
line-height:1.5em;
line-height:120%;
color:#333333;
clear:both;
}

.note dt{
float:left;
width:3em;
padding:5px 0px 5px 0px;
clear:both;
text-align:right;
}

.note dd{
width:auto;
margin-left:3em;
padding:5px 5px 5px 5px;
}

/**********************************************************************************************/
/**********************************************************************************************/
/*お問い合わせエリア関連*/
/**********************************************************************************************/

#inquiry_area h2{
color:#000000;
margin:0px 0px 10px 5px;
padding:0px 20px 0px 0px;
text-align:left;
font-size:medium;/*16px 100%相当*/
line-height:140%;
}

#inquiry_area p{
margin:0px 5px 0px 5px;
font-size:small;/*13px 79%相当*/
line-height:140%;
}

#inquiry_area hr{
margin:5px 0px 5px 0px;
height:1px;
border-top:1px dashed #bbbbbb;
border-left:none;
border-right:none;
border-bottom:none;
}



/*---------------------------------------------------------------------*/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.pbox:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.pbox{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .pbox{ height:1px; }
.pbox{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/*---------------------------------------------------------------------*/


/**********************************************************************************************/
/**********************************************************************************************/
/*右側バナー関連*/
/**********************************************************************************************/
.btn_pos{
margin:10px 0px 10px 0px;
}

.line_pos{
margin:10px 0px 10px 0px;
}

.txt_box{
margin:10px 0px 10px 5px;
}


/**********************************************************************************************/
/**********************************************************************************************/
/*[仕様テーブル関連]*/
/**********************************************************************************************/

/*外枠*/
table.spec{
border-right: 1px solid #cccccc;
border-left: 2px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 2px solid #cccccc;
}

/*セル*/
table.spec td {
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
font-size:small;/*13px 79%相当*/
color:#333333;
line-height:140%;
padding:5px 5px 5px 5px;
vertical-align:top;
}

/*------------------------------------------------------*/
/*仕様テーブルを加工する場合に使用する                  */

/*テキスト、バックグラウンドカラー*/
table.spec td.LG{background-color:#eeeeee;text-align:left;}
table.spec td.CG{background-color:#eeeeee;text-align:center;}
table.spec td.RG{background-color:#eeeeee;text-align:right;}

table.spec td.LW{background-color:#ffffff;text-align:left;}
table.spec td.CW{background-color:#ffffff;text-align:center;}
table.spec td.RW{background-color:#ffffff;text-align:right;}

table.spec td.LWM{background-color:#ffffff;text-align:left; vertical-align:middle}
table.spec td.CWM{background-color:#ffffff;text-align:center; vertical-align:middle}
table.spec td.RWM{background-color:#ffffff;text-align:right; vertical-align:middle}

/*左側ライン*/
table.spec td.T0{border-top:0px solid #cccccc;}
table.spec td.T1{border-top:1px solid #cccccc;}
table.spec td.T2{border-top:2px solid #cccccc;}
/*左側ライン*/
table.spec td.R0{border-right:0px solid #cccccc;}
table.spec td.R1{border-right:1px solid #cccccc;}
table.spec td.R2{border-right:2px solid #cccccc;}
/*左側ライン*/
table.spec td.B0{border-bottom:0px solid #cccccc;}
table.spec td.B1{border-bottom:1px solid #cccccc;}
table.spec td.B2{border-bottom:2px solid #cccccc;}
/*左側ライン*/
table.spec td.L0{border-left:0px solid #cccccc;}
table.spec td.L1{border-left:1px solid #cccccc;}
table.spec td.L2{border-left:2px solid #cccccc;}



/**********************************************************************************************/
/*その他*/
/**********************************************************************************************/

hr.sp{
margin:20px 0px 20px 0px;
height:1px;
border-top:1px dashed #999999;
border-left:none;
border-right:none;
border-bottom:none;
}

ul.top{
margin:0px;
padding:20px 0 20px 0;
}

li.sdtop {
padding:0 0 0 20px;
display:block;
font-size:x-small;/*10px 63%相当*/
line-height:1.5em;
text-align:left;
list-style-type:none;
float:left;
}

li.pagetop{
display:block;
font-size:x-small;/*10px 63%相当*/
line-height:1.5em;
text-align:right;
list-style-type:none;
}


a.a01	{ text-decoration: underline; color:#0066CC;}
a.a01:link{ text-decoration: underline; color:#0066CC;}
a.a01:visited { text-decoration: underline; color:#0066CC;}
a.a01:active { text-decoration: underline; color:#0066CC;}
a.a01:hover { text-decoration: none; color:#0066CC;}