@charset "utf-8";
/* CSS Document */

/*---------------------------------
		BaseCSS
---------------------------------*/

/* container */
#container {}

#container div.article { margin:10px 0;}
#container div.article h2 { height:24px; background-position:left 50%; background-repeat:no-repeat; background-color:#D5D5D5;}
#container div.article div.text { font-size:80%;}
#container div.article div.text p { margin:10px;}
#container {}
#container {}

#left { display:inline; float:left; width:200px; margin:;}
#right { display:inline; float:right; width:680px; margin:;}

div.FootBack { text-align:right;} 
div.FootBack a { text-align:right;} 


/* left */
#left div.article {}
#left div.article h3 {}
#left div.article h3.Nontext {}
#left div.article div.text { color:#200003;}

#left div.type01 { border:#D5D5D5 solid 1px;}
#left div.type01 h3 {}
#left div.type01 h3.Nontext {}
#left div.type01 div.text { padding:5px;}

#left div.type02 {}
#left div.type02 h3 {}
#left div.type02 h3.Nontext {}
#left div.type02 div.text {}

#left div.navi01 { border:#D5D5D5 solid 1px;}
#left div.navi01 h3 { padding:0 0 0 80px; font-size:80%; background-image:url(img/title/left_navi01.png); background-position:left top; background-repeat:no-repeat; background-color:#D5D5D5; height:22px; line-height:1.6; font-weight:normal;}
#left div.navi01 div.text {}
#left div.navi01 div.text ul { margin:10px 5px; border-top:#D5D5D5 solid 1px;}
#left div.navi01 div.text ul li { border-bottom:#D5D5D5 solid 1px; padding:5px 0;}
#left div.navi01 div.text ul li a { padding:0 0 0 20px; background-image:url(img/icon/arrow01.png); background-position:5px 50%; background-repeat:no-repeat;}
#left div.navi01 div.text ul li.down { padding:2px 0;}
#left div.navi01 div.text ul li.down a { display:block; padding:0 0 0 40px; background-image:url(img/icon/arrow01.png); background-position:25px 50%; background-repeat:no-repeat; font-size:90%;}
#left div.navi01 div.text {}
#left div.navi01 {}
#left div.navi01 {}

/* right */

#right h2 { height:90px; line-height:4.0; font-size:130%; padding:0 30px;}
#right h2.smart { height:45px; background-image:url(img/h2_smart.jpg); line-height:2.6; font-size:110%; padding:0 30px; border-bottom:#CCCCCC solid 1px;}
#right h2.banner { height:auto; background-image:none; padding:0;}

#right div.article {}
#right div.article h3 {}
#right div.article h3.Nontext {}
#right div.article div.text { color:#200003;}

#right div.type01 { border:#D5D5D5 solid 1px;}
#right div.type01 h3 { padding:0 5px; color:#fff; background-color:#EB8E99;}
#right div.type01 h3.Nontext {}
#right div.type01 div.text { padding:5px;}
#right div.type01 div.text h4 { padding:15px 10px 0;}

#right div.type02 {}
#right div.type02 h3 { padding:0 5px; color:#865B26; background-color:#D5D5D5;}
#right div.type02 h3.Nontext {}
#right div.type02 div.text { padding:5px;}

#right div.QandA {}
#right div.QandA {}
#right div.QandA h3 { padding:5px 0 5px 30px; border-bottom:#999999 dashed 1px; background-image:url(img/icon/str_q01.jpg); background-position:left 50%; background-repeat:no-repeat; color:#865B26;}
#right div.QandA div.text { margin:0 0 15px 0; padding:10px 5px 10px 50px; border-bottom:#999999 solid 1px; background-image:url(img/icon/str_a01.jpg); background-position:10px 50%; background-repeat:no-repeat;}

#right div.footBox { clear:both; margin:10px 0; border:#D5D5D5 solid 5px; background-image:url(img/footbox_bg.jpg); background-position:left 50%; background-repeat:no-repeat; height:110px;}
#right div.footBox div.box01 {font-size:75%; padding:40px 10px 0px 250px;}
#right div.footBox div.box01 img { vertical-align:middle; margin:2px;}
#right div.footBox div.btnBox { float:right;}
#right div.footBox div.btnBox img { display:block; width:200px; margin:5px;}
#right div.footBox {}
#right div.footBox {}

#right div.footBox_center { clear:both; margin:10px 0; border:#D5D5D5 solid 5px; background-image:url(img/footbox_bg.jpg); background-position:left 50%; background-repeat:no-repeat; height:120px;}
#right div.footBox_center div.box01 {font-size:75%; padding:5px 10px 0px 250px;}
#right div.footBox_center div.box01 img { vertical-align:middle; margin:2px;}
#right div.footBox_center div.btnBox { float:right;}
#right div.footBox_center div.btnBox img { display:block; width:200px; margin:5px;}




/*---------------------------------
		PageCSS
---------------------------------*/

#Page {}

#PageTwinSoul {}
#PageTwinSoul div.article div.text div.box01 { width:320px; height:185px; display:inline; margin:10px 0; border:#D5D5D5 solid 5px;}
#PageTwinSoul div.article div.text div.box01 div.thumb { float:left; padding:30px 0;}
#PageTwinSoul div.article div.text div.box01 {}
#PageTwinSoul div.article div.text div.box01 h4 { height:40px; margin:0 0 0 115px; padding:0 0 0 80px; background-position:left top; background-repeat:no-repeat; font-size:90%; font-weight:normal; line-height:2.5;}
#PageTwinSoul div.article div.text div.box01 div.more { padding:10px; text-align:right;}
#PageTwinSoul div.article div.text div.box01 p { margin:0 0 0 150px; font-size:90%;}
/*
#PageTwinSoul div.article div.text div.box02 { float:left; width:150px; display:inline; margin:3px; border:#D5D5D5 solid 5px;}
#PageTwinSoul div.article div.text div.box02 div.thumb { margin:10px 0; text-align:center;}
#PageTwinSoul div.article div.text div.box02 div.thumb img {}
#PageTwinSoul div.article div.text div.box02 p { text-align:center;}
#PageTwinSoul div.article div.text div.box02 {}
*/
#PageTwinSoul {}
#PageTwinSoul div.article div.text div.leftCol { float:left; width:450px; display:inline; margin:5px 0 0 5px; border:#D5D5D5 solid 5px; text-align:center;}
#PageTwinSoul div.article div.text div.leftCol img { margin:10px;}
#PageTwinSoul div.article div.text div.leftCol p { text-align:center;}
#PageTwinSoul div.article div.text div.rightCol { float:right; width:200px;}
#PageTwinSoul div.article div.text div.rightCol div.box02 { margin:5px 10px; padding:5px; border:#D5D5D5 solid 5px; text-align:center;}
#PageTwinSoul div.article div.text div.rightCol div.box02 img {}
#PageTwinSoul div.article div.text div.rightCol div.box02 p { clear:both; margin:2px;}

#PageTwinSoul {}
#PageTwinSoul div.type02 div.text dl {}
#PageTwinSoul div.type02 div.text dt { font-weight:bold; border-bottom:dotted 1px #ddd; margin-bottom:3px; padding-bottom:3px; }
#PageTwinSoul div.type02 div.text dd { margin-bottom:15px; }

#PageTempo div.article div.text div.box01 { float:left; display:inline; width:320px; height:140px; margin:5px; border:#CCCCCC solid 1px;}
#PageTempo div.article div.text div.box01 h4 { position:relative; border-bottom:#CCCCCC dashed 1px; font-size:110%; text-indent:15px;}
#PageTempo div.article div.text div.box01 h4 span.pref { position:absolute; left:250px; font-size:80%; font-weight:normal;}
#PageTempo div.article div.text div.box01 div.thumb { float:right; padding:5px; margin:10px 0;}
#PageTempo div.article div.text div.box01 div.thumb img {}
#PageTempo div.article div.text div.box01 p { margin:5px 0 5px 5px; font-size:85%;}

#PageTempo div.article div.text div.box02 { margin:5px 0; border:#CCCCCC solid 1px;}
#PageTempo div.article div.text div.box02 h4 { position:relative; border-bottom:#CCCCCC dashed 1px; font-size:110%; text-indent:15px;}
#PageTempo div.article div.text div.box02 h4 span.pref { position:absolute; left:600px; font-size:80%; font-weight:normal;}
#PageTempo div.article div.text div.box02 div.thumb { float:left; padding:5px; text-align:center;}
#PageTempo div.article div.text div.box02 div.thumb img { margin:3px 0;}
#PageTempo div.article div.text div.box02 p {}
#PageTempo div.article div.text div.box03 { margin:5px 0; border:#CCCCCC solid 1px;}
#PageTempo div.article div.text div.box03 div.thumb { float:left; width:160px; text-align:center;}
#PageTempo div.article div.text div.box03 div.thumb img { margin:10px 0 3px 0; border:#D5D5D5 solid 5px;}
#PageTempo div.article div.text div.box03 div.thumb p { text-align:center; font-size:90%;}
#PageTempo div.article div.text div.box03 h4 { margin:0 0 15px 150px; padding:10px 0 0 0; position:relative; border-bottom:#CCCCCC dashed 1px; font-size:110%; text-indent:15px;}
#PageTempo div.article div.text div.box03 p.main { margin:10px 10px 10px 180px;}
#PageTempo div.article div.text div.box03 {}
#PageTempo div.article div.text div.box03 {}
#PageTempo div.article div.text div.box03 {}
#PageTempo div.article div.text div.box01 {}
#PageTempo div.article div.text div.box01 {}
#PageTempo div.article div.text div.box01 {}
#PageTempo div.article div.text div.box01 {}


#PageTokuyaku03 div.article div.text div.box01 { margin:10px; padding:0 0 0 80px; background-position:left top; background-repeat:no-repeat;}
#PageTokuyaku03 div.article div.text div.box01 img.thumb { float:left; display:inline; margin:0 10px;}
#PageTokuyaku03 div.article div.text div.box01 h3 { margin:0 0 10px 220px; padding:4px 20px 4px 20px; background-image:url(img/icon/square01.png); background-position:5px 50%; background-repeat:no-repeat;}
#PageTokuyaku03 div.article div.text div.box01 p { margin:0 0 0 220px;}


img#birthbottle { margin:20px; }