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

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/


#header div#FloNavi { position:absolute; left:500px; top:0; width:300px; height:150px; background-image:url(img/flonavi/index_bg.jpg); background-position:left top; background-repeat:no-repeat;}
#header div#FloNavi img.btn { position:absolute; left:27px; top:43px; background-image:url(img/flonavi/bg.jpg); background-position:left top; background-repeat:no-repeat;}

/* container */
#container {}
#container div.article { margin:0 0 20px 0;}
#container div.article h3 {}
#container div.article div.text {}
#container div.article div.text p { margin:10px;}

#container div.TopBox { margin:10px 0; background-image:url(img/topbox_img01.jpg); background-position:left top; background-repeat:no-repeat; height:120px;}
#container div.TopBox p { margin:20px 0 0 100px; font-size:75%; float:left; display:inline;}
#container div.TopBox div.text {}
#container div.TopBox div.text p { margin:10px;}

#container div.type01 {}
#container div.type01 h3 {}
#container div.type01 div.text {}

#container #left { display:inline; float:left; width:530px; margin:;}
#container #right { display:inline; float:right; width:250px; margin:;}

#sourcePath {}
#sourcePath ul { text-align:left;}
#sourcePath ul li { display:inline;}
#sourcePath ul li a { background-position:left 50%; background-repeat:no-repeat;}

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

/* left */
#container #left div.article {}
#container #left div.article h3 {}
#container #left div.article h3.Nontext {}
#container #left div.article div.text { font-size:80%;}

#container #left div.article div.text.usp { padding: 10px; border: #CCCCCC solid 1px; }
#container #left div.article div.text.usp h3 { margin-bottom: 1em; border-bottom: 1em; }
#container #left div.article div.text.usp ul li { margin-right: 1em; display: inline; line-height: 1.8; }
#container #left div.article div.text.usp#webMarketing,
#container #left div.article div.text.usp#affiliate { border-top: none }

#container #left div.main h2 { height:130px; background-image:url(img/index_left_ttl01.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#container #left div.main h2.Nontext {}
#container #left div.main div.text {}

#container #left div.topics {}
#container #left div.topics h2 { margin:3px; padding:3px; border-left:#E74D89 solid 5px;}
#container #left div.topics h3.Nontext {}
#container #left div.topics div.text {}
#container #left div.topics div.text dl {}
#container #left div.topics div.text dl dt { margin:5px 0 0 0; padding:0 10px; color:#E64E89;}
#container #left div.topics div.text dl dd { margin:0 0 10px 0; padding:0 10px 10px 10px; border-bottom:#333333 dotted 1px;}

#container #left div.type01 {}
#container #left div.type01 h3 {}
#container #left div.type01 h3.Nontext {}
#container #left div.type01 div.text {}

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

/* right */
#container #right div.article {}
#container #right div.article h3 {}
#container #right div.article h3.Nontext {}
#container #right div.article div.text { font-size:80%;}

#container #right div.voice {}
#container #right div.voice h3 { height:58px; background-image:url(img/right_ttl01.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#container #right div.voice h3.Nontext {}
#container #right div.voice div.text { border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
#container #right div.voice div.text div.ttl { margin:0 3px; padding:3px; border-left:#E74D89 solid 5px;}
#container #right div.voice div.text div.ttl h4 {}
#container #right div.voice div.text div.ttl p { margin:0;}
#container #right div.voice div.text p {}
#container #right div.voice div.text div.detail { margin:5px; text-align:right;}
#container #right div.voice div.text div.detail img {}
#container #right div.voice div.text div.line01 { margin:5px 3px;}

#container #right div.comp {}
#container #right div.comp div.text { font-size:75%;}
#container #right div.comp div.text p { margin:10px 0;}
#container #right div.comp {}

#container #right div.type02 {}
#container #right div.type02 h3 {}
#container #right div.type02 h3.Nontext {}
#container #right div.type02 div.text {}


/*---------------------------------
		PageCSS 個別ページCSS
---------------------------------*/

#Page {}


/*---------------------------------
		大庭追記
---------------------------------*/

#container #left div.usp01 h5.pB {
color:#E74D89;
font-size:85%;
padding:10px 10px 5px;
}
#container #left div.usp01 ul {
line-height:1;
}
#container #left div.usp01 ul li {
font-size:80%;
padding:0 10px 10px 10px;
}
#container #left div.usp02 h5.pB {
color:#E74D89;
font-size:85%;
padding:10px 10px 5px;
}
#container #left div.usp02 ul {
line-height:1;
margin-left:2em;
margin-bottom:10px;
list-style:disc;
}
#container #left div.usp02 ul li {
font-size:80%;
padding:0 10px 10px 10px;
}
#container #left div.usp03 h5.pB {
color:#E74D89;
font-size:85%;
padding:10px 10px 5px;
}
#container #left div.usp03 ul {
line-height:1;
margin-bottom:10px;
}
#container #left div.usp03 ul li {
font-size:80%;
padding:0 10px 10px 10px;
}

#container #right div.article div.text2 div.ttl p {
font-size:70%;
font-weight:bold;
line-height:1.3;
padding:5px;
}
#container #right div.article div.text2 p.detail {
text-align:right;
padding-right:5px;
}
#container #left div.usp01 p.detail {
text-align:right;
margin:0 10px 10px 0;

}