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

/*---------------------------------
		CommonCSS [初期化,定義]
---------------------------------*/

/* 初期化 */
body { background-color:#fff; margin:0; padding:0; font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*:first-child + html body {	/* for IF7 */ font-family: "メイリオ","Meiryo";}

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-size:100%;}

ul,dl { margin:0; padding:0; list-style:none;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

img { border:none;}

table { font-size:100%; line-height:1.4;}

/* 定義 */

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* multi class */
strong { font-weight:bold;}

.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }

.w05per { width:5%;}
.w10per { width:10%;}
.w20per { width:20%;}
.w30per { width:30%;}
.w40per { width:40%;}
.w50per { width:50%;}
.w60per { width:60%;}
.w70per { width:70%;}
.w80per { width:80%;}
.w90per { width:90%;}
.w95per { width:95%;}

div.article div.text *.ib60{ display:-moz-inline-box; display:inline-block; padding:0; float:none; width:60px; }

.clear { clear:both; }
.clear hr { visibility:hidden; display:none;}

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

a { color:#005EA5;}
.last { border:0 !important;}

div.thumb { border:#CCCCCC solid 1px;}
div.thumb img { margin:3px;}

body { text-align:center; line-height:1.4;}

#base { width:950px; margin:0 auto; background-image:url(img/bg.png); background-position:center; background-repeat:repeat-y; text-align:left;}

/* header */
#header { margin:0; position:relative; background-image:url(img/header.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
 
#header h1 { height:75px; width:660px; overflow:hidden; }
#header h1 a { display:block; font-size:80%; line-height:1.7; text-decoration:none; padding:20px 0 0 220px; height:75px; }

#header div.banner { position:absolute; top:5px; left:500px;}

#header #Gnavi {}
#header #Gnavi li { float:left; display:inline; height:34px;}
#header #Gnavi li a { display:block; width:100%; height:34px; text-indent:-9999px;}

#header #Gnavi li.button01 { width:115px;}
#header #Gnavi li.button02 { width:115px;}
#header #Gnavi li.button03 { width:115px;}
#header #Gnavi li.button04 { width:115px;}
#header #Gnavi li.button05 { width:115px;}
#header #Gnavi li.button06 { width:115px;}
#header #Gnavi li.text { display:inline;}

#header #Gnavi li.button01 a { background-image:url(img/globalnavi/btn_01.png)}
#header #Gnavi li.button02 a { background-image:url(img/globalnavi/btn_02.png)}
#header #Gnavi li.button03 a { background-image:url(img/globalnavi/btn_03.png)}
#header #Gnavi li.button04 a { background-image:url(img/globalnavi/btn_04.png)}
#header #Gnavi li.button05 a { background-image:url(img/globalnavi/btn_05.png)}
#header #Gnavi li.button06 a { background-image:url(img/globalnavi/btn_06.png)}
#header #Gnavi li.text a { display:inline; width:auto; text-indent:0; margin:0 3px; padding:0 0 0 15px; line-height:3.0; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat; font-size:70%;}

#header #SubNavi {}
#header #SubNavi ul { background-color:#0D9ECF;}
#header #SubNavi ul li { float:left; display:inline; padding:5px 0;}
#header #SubNavi ul li a { color:#fff; font-size:78%; padding:0 10px; border-right:#fff solid 1px;}
#header #SubNavi ul li.title { display:block; width:90px; background-color:#005FA6;}
#header #SubNavi ul li.title a { border:0; padding:0 0 0 25px; background-image:url(img/icon/arrow03.png); background-position:6px 50%; background-repeat:no-repeat;}

/* container */
#container { position:relative;}

#container h2 { margin:10px 0; height:60px; background-position:left top; background-repeat:no-repeat; border-bottom:#000000 solid 1px;}
#container h2.Nontext { text-indent:-9999px;}

#container div.article {}
#container div.article div.text { font-size:80%;}

.sourcePathType01 { position:absolute; top:0px; right:5px;}
.sourcePathType01 div.LogOut { margin:7px 0; text-align:right;}
.sourcePathType01 ul { text-align:right; padding:0; font-size:80%;}
.sourcePathType01 ul li { display:inline;}
.sourcePathType01 ul li a { padding:0 20px 0 0; background-image:url(img/icon/sourcepath_01.png); background-position:right 50%; background-repeat:no-repeat;}

.sourcePathType02 { border:#CCCCCC solid 1px; background-image:url(img/left_h3_bg.jpg); background-position:center center; background-repeat:no-repeat; height:30px;}
.sourcePathType02 ul { padding:0; margin:0 10px; text-align:left; font-size:80%;}
.sourcePathType02 ul li { display:inline; line-height:2.0;}
.sourcePathType02 ul li a { padding:0 20px 0 0; background-image:url(img/icon/sourcepath_01.png); background-position:right 50%; background-repeat:no-repeat;}

.Pagenation01 { text-align:right; margin:10px;}
.Pagenation01 li { display:inline;}
.Pagenation01 li a { padding:0 3px;}
.Pagenation01 li.next a { padding:0 15px 0 5px; background-image:url(img/icon/arrow04.png); background-position:right 50%; background-repeat:no-repeat;}
.Pagenation01 li.prev a { padding:0 0px 5px 15px; background-image:url(img/icon/arrow05.png); background-position:left 50%; background-repeat:no-repeat;}
.Pagenation01 {}

#left { display:inline; float:left; width:700px; margin:10px 0 20px 0; position:relative;}
#right { display:inline; float:right; width:220px; margin:10px 0 20px 0;}

div.FootBack { text-align:right; clear:both;} 
div.FootBack a { background-image:url(img/icon/footback01.png); background-position:left 50%; background-repeat:no-repeat; padding:0 12px; font-size:80%;} 

/* left */
#left div.article { margin:0 0 5px 0; position:relative; zoom:0;}
#left div.article h3 { margin:0; padding:0 15px; font-size:85%; line-height:1.7; border:#CCCCCC solid 1px; background-image:url(img/left_h3_bg.jpg); background-position:center center; background-repeat:no-repeat; height:30px;}
#left div.article h3.type02 { padding:3px 10px; margin:10px 0; background-image:none; border:0; border-left:#005EA5 solid 5px; color:#005EA5; height:auto;}

#left div.article h3.type02 span.shipName{ font-size:100%; line-height:2.5; }
#left div.article h3.type02 span.planName{ font-size:80%; line-height:1.4; }
#left div.article h3.type02 span.coName  { font-size:80%; line-height:1.4; }

#left div.article h3.type03 { border-bottom:none; background-position:center center; background-repeat:no-repeat;}
#left div.article h3.type04 { border:0;}
#left div.article h3.Nontext { text-indent:-9999px; height:35px;}
#left div.article div.text { padding:5px; line-height:1.4;}
#left div.article div.border { border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

#left div.article div.text div.box01 { margin:3px; padding:3px 0; background-color:#f2f2f2;}
#left div.article div.text h4.type01 { padding:2px 3px; background-color:#005EA5; margin:3px; color:#FFFFFF;}
#left div.article div.text div.detail { margin:5px; }
#left div.article div.text div.detail a { padding:2px 15px 2px 0; background-image:url(img/icon/arrow04.png); background-position:right 50%; background-repeat:no-repeat;}

#left div.article ul.Path { padding:5px 10px;}
#left div.article ul.Path li { display:inline; padding:0 12px; background-image:url(img/icon/sourcepath_01.png); background-position:left 50%; background-repeat:no-repeat;}

#left div.submitBtn01 { padding:10px; text-align:center; border-top:#333333 dotted 1px;}
#left div.submitBtn01 button { border:0; background-color:#FFFFFF;}

#left #PlanDetailNavi { border-bottom:#333333 dotted 1px;}
#left #PlanDetailNavi ul { padding:10px 0;}
#left #PlanDetailNavi ul li { float:left; width:175px; height:32px;}
#left #PlanDetailNavi ul li a { display:block; width:100%; height:32px; text-indent:-9999px;}
#left #PlanDetailNavi ul li.button01 a { background-image:url(img/plan_detail_navi/btn_01.png)}
#left #PlanDetailNavi ul li.button02 a { background-image:url(img/plan_detail_navi/btn_02.png)}
#left #PlanDetailNavi ul li.button03 a { background-image:url(img/plan_detail_navi/btn_03.png)}
#left #PlanDetailNavi ul li.button01 a.over { background-image:url(img/plan_detail_navi/btn_01_over.png)}
/*
#left #PlanDetailNavi ul li.button02 a.over { background-image:url(img/plan_detail_navi/btn_02_over.png)}
#left #PlanDetailNavi ul li.button03 a.over { background-image:url(img/plan_detail_navi/btn_03_over.png)}
#left #PlanDetailNavi ul li.button01 a:hover { background-image:url(img/plan_detail_navi/btn_01_over.png)}
#left #PlanDetailNavi ul li.button02 a:hover { background-image:url(img/plan_detail_navi/btn_02_over.png)}
#left #PlanDetailNavi ul li.button03 a:hover { background-image:url(img/plan_detail_navi/btn_03_over.png)}
*/
#left #PlanDetailNavi02 { border-bottom:#333333 dotted 1px; margin:0 0 5px 0;}
#left #PlanDetailNavi02 ul { padding:10px 0;}
#left #PlanDetailNavi02 ul li { float:left; width:175px; height:32px;}

#left #PlanDetailNavi02 ul li a { display:block; width:100%; height:32px; text-indent:-9999px;}
#left #PlanDetailNavi02 ul li.button01 a { background-image:url(img/plan_detail_navi_02/btn_01.png)}
#left #PlanDetailNavi02 ul li.button02 a { background-image:url(img/plan_detail_navi_02/btn_02.png)}
#left #PlanDetailNavi02 ul li.button03 a { background-image:url(img/plan_detail_navi_02/btn_03.png)}
#left #PlanDetailNavi02 ul li.button01 a.over { background-image:url(img/plan_detail_navi_02/btn_01_over.png)}
#left #PlanDetailNavi02 ul li.button02 a.over { background-image:url(img/plan_detail_navi_02/btn_02_over.png)}
#left #PlanDetailNavi02 ul li.button03 a.over { background-image:url(img/plan_detail_navi_02/btn_03_over.png)}

#left #MyPageNavi { margin:0 0 10px 0; background-image:url(img/mypage_navi/bg.png); background-position:right top; background-repeat:no-repeat; background-color:#005FA6;}
#left #MyPageNavi ul{ padding:7px;}
#left #MyPageNavi ul li { float:left; width:168px; height:32px;}
#left #MyPageNavi ul li a { display:block; width:100%; height:32px; text-indent:-9999px;}
#left #MyPageNavi ul li.button01 a { background-image:url(img/mypage_navi/btn_01.png)}
#left #MyPageNavi ul li.button02 a { background-image:url(img/mypage_navi/btn_02.png)}
#left #MyPageNavi ul li.button03 a { background-image:url(img/mypage_navi/btn_03.png)}
#left #MyPageNavi ul li.button01 a.over { background-image:url(img/mypage_navi/btn_01_over.png)}
#left #MyPageNavi ul li.button02 a.over { background-image:url(img/mypage_navi/btn_02_over.png)}
#left #MyPageNavi ul li.button03 a.over { background-image:url(img/mypage_navi/btn_03_over.png)}
/*
#left #MyPageNavi ul li.button02 a.over { background-image:url(img/mypage_navi/btn_02_over.png)}
#left #MyPageNavi ul li.button03 a.over { background-image:url(img/mypage_navi/btn_03_over.png)}
#left #MyPageNavi ul li.button01 a:hover { background-image:url(img/mypage_navi/btn_01_over.png)}
#left #MyPageNavi ul li.button02 a:hover { background-image:url(img/mypage_navi/btn_02_over.png)}
#left #MyPageNavi ul li.button03 a:hover { background-image:url(img/mypage_navi/btn_03_over.png)}
*/


/* center */
#center div.article { margin:0 0 10px 0;}
#center div.article h3 { margin:0; border:0;}
#center div.article h3.Nontext { text-indent:-9999px; height:35px; background-repeat:no-repeat; background-position:center;}
#center div.article h3.type01 { padding:5px; border-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; background-image:url(img/title/h3_center_type01.png); background-position:center bottom; background-repeat:no-repeat;}
#center div.article div.text { padding:5px; font-size:80%;}


/* right */
#right div.article { margin:0 0 5px 0; padding-top:2px; border:#CCCCCC solid 1px;}
#right div.article h3 { margin:0 4px; background-repeat:no-repeat; background-position:center bottom;}
#right div.article h3.Nontext { text-indent:-9999px; height:34px;}
#right div.article div.text {}
#right div.article div.text div.detail { margin:5px; text-align:right;}
#right div.article div.text div.detail a { padding:2px 15px; background-image:url(img/icon/arrow04.png); background-position:right 50%; background-repeat:no-repeat;}
#right img.banner { margin:0 0 5px 0;}

div.blog_pagelinks{ text-align:center; margin-top:0; margin-bottom:7px; }
.current_page { display:-moz-inline-box; display:inline-block; margin-right:3px; font-size:10px; font-weight:bold; line-height:1; padding:5px 0; text-align:center; font-weight:bold; width:20px; color:#fff; background:#5148A4; border:1px solid #E4E4E4; }
.link_page    { display:-moz-inline-box; display:inline-block; margin-right:3px; font-size:10px; font-weight:bold; line-height:1; padding:5px 0; text-align:center; width:20px; border:1px solid #E4E4E4; }
.link_index   { display:-moz-inline-box; display:inline-block; margin-right:3px; font-size:10px; font-weight:bold; line-height:1; padding:5px 0; text-align:center; width:50px; border:1px solid #E4E4E4; }


#right div.numberinfo { padding:10px 0 5px 0; color:#005EA5; text-align:center; font-size:90%; font-weight:normal;}
#right div.numberinfo h3 { margin:10px 0; height:auto;}
#right div.numberinfo div.text { margin:5px 5px 0 5px; padding:5px; background-color:#005EA5; color:#FFFFFF;}
#right div.numberinfo div.text p.date { font-size:90%; margin:10px;}

#right div.special {}
#right div.special div.text ul {}
#right div.special div.text ul li { border-bottom:#CCCCCC solid 1px; margin:5px; padding:5px;}
#right div.special div.text ul li h4 { padding:0 0 0 40px; margin:5px 0; background-position:left top; background-repeat:no-repeat; height:40px;}
#right div.special div.text ul li.no1 h4 { background-image:url(img/icon/special_01.png);}
#right div.special div.text ul li.no2 h4 { background-image:url(img/icon/special_02.png);}
#right div.special div.text ul li h4 a { line-height:3.5; color:#005EA5; font-size:90%;}
#right div.special div.text ul li div.thumb { float:left;}
#right div.special div.text ul li p { margin:0 0 0 105px; font-size:85%;}

#right div.LoginBox { background-color:#CCEBF5; text-align:center;}
#right div.LoginBox h3 { margin:0; background-image:url(img/loginbox_h2.png); background-position:center top; background-repeat:no-repeat; height:34px; text-indent:-9999px;}
#right div.LoginBox input,img { vertical-align:middle; margin:3px;}
#right div.LoginBox button { padding:0; border:0; background-color:#CCEBF5;}
#right div.LoginBox div.new { margin:10px 10px 0 10px; padding:10px 0; border-top:#999999 dotted 1px;}
#right div.LoginBox div.new a { padding:0 20px; background-image:url(img/icon/arrow04.png); background-position:right 50%; background-repeat:no-repeat;}

#right div.osusume {}
#right div.osusume div.text ul {}
#right div.osusume div.text ul li { border-bottom:#CCCCCC solid 1px; margin:5px; padding:5px;}
#right div.osusume div.text ul li div.thumb { float:left;}
#right div.osusume div.text ul li p { margin:0 0 0 70px; font-size:85%;}

#right div.topics { border:0;}
#right div.topics h3 { border:#CCCCCC solid 1px; margin:0; background-position:center;}
#right div.topics div.text { border:0;}
#right div.topics dl {}
#right div.topics dl dt { margin:0 5px; padding:2px 0 0 15px; background-image:url(img/icon/square01.png); background-position:3px 50%; background-repeat:no-repeat; color:#005EA5;}
#right div.topics dl dd { margin:0 5px; padding:0 0 2px 15px; border-bottom:#333333 dotted 1px;}
#right div.topics dl {}
#right div.topics {}


/* footer */
#footer { clear:both; padding:20px 0;}

#footer ul { padding:5px 0; text-align:center; border-top:#000000 dotted 1px;}
#footer ul li { display:inline;}
#footer ul li a { padding:0 3px; border-right:#333333 solid 1px; font-size:75%;}
#footer ul li {}

#footer div.copyright { padding:5px 0; border-top:#005FA6 solid 3px; text-align:center; font-size:80%;}

/* List Type */

ul.type01 { margin:5px;}
ul.type01 li {}
ul.type01 li a { padding:0 0 0 12px; background-image:url(img/icon/square01.png); background-position:left 50%; background-repeat:no-repeat;}

ul.type01 li.block { float:left; text-indent:-12px; width:200px; line-height:2; margin:0 0 0 15px; }
ul.type01 li.block a { padding:0 0 0 12px; background-image:url(img/icon/square01.png); background-position:left 50%; background-repeat:no-repeat;}



ul.thumbType01 {}
ul.thumbType01 li { border-bottom:#ccc solid 1px; margin:5px; padding:5px;}
ul.thumbType01 li div.thumb { width:60px; height:42px; float:left; border:#ccc solid 1px; font-size:0; overflow:hidden; }
ul.thumbType01 li div.thumb img { margin:2px; width:56px; height:38px; font-size:10px; overflow:hidden; }
ul.thumbType01 li p { margin:0 0 0 70px; font-size:85%;}{}

dl.type01 { line-height:1.8;}
dl.type01 dt { clear:both; float:left; width:120px; padding:0 0 0 17px; background-image:url(img/icon/square01.png); background-position:5px 50%; background-repeat:no-repeat;}
dl.type01 dd { margin:0; border-bottom:#333333 dotted 1px;}

/* TABLE TYPE */

table.formtype01 tr th { padding:0 0 0 18px; background-image:url(img/icon/arrow02.png); background-position:5px 50%; background-repeat:no-repeat; color:#005EA5; text-align:left;}
table.formtype01 tr td {}
table.formtype01 tr td select,input { margin:3px; vertical-align:middle;}
table.formtype01 tr td label { padding:0 10px;}

table.formtype02 tr th { padding:10px 0 10px 18px; vertical-align:top; width:20%; background-image:url(img/icon/arrow02.png); background-position:5px 12px; background-repeat:no-repeat; color:#005EA5; text-align:left;}
table.formtype02 tr td {}
table.formtype02 tr td select,input { margin:3px; vertical-align:middle;}
table.formtype02 tr td label { float:left; display:inline; padding:0 10px;}

table.type01 { border:#999999 solid 1px;}
table.type01 th { padding:10px; text-align:left; background-color:#D8F0F8; color:#333333; font-weight:bold;}
table.type01 td { padding:10px; text-align:left;}

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

#PageRanking {}
#PageRanking div.article {}
#PageRanking div.article div.text {}
#PageRanking div.article div.text ul.topicList { border-bottom:#333333 dotted 1px;}
#PageRanking div.article div.text ul.topicList li { float:left; display:inline; margin:10px; width:140px; padding:0 0 0 10px; background-image:url(img/icon/square01.png); background-position:left 5px; background-repeat:no-repeat; font-size:90%;}
*html #PageRanking div.article div.text ul.topicList li { float:left; display:inline; margin:10px; width:150px;}
#PageRanking div.article div.text ul.topicList {}


#PageRanking div.article div.text ul.ranking {}
#PageRanking div.article div.text ul.ranking li { position:relative; padding:10px 100px; border-bottom:#333333 dotted 1px; background-position:left 50%; background-repeat:no-repeat;}
#PageRanking div.article div.text ul.ranking li.no1 { background-image:url(img/king_no01.png);}
#PageRanking div.article div.text ul.ranking li.no2 { background-image:url(img/king_no02.png);}
#PageRanking div.article div.text ul.ranking li.no3 { background-image:url(img/king_no03.png);}
#PageRanking div.article div.text ul.ranking li h4 { margin:5px;}
#PageRanking div.article div.text ul.ranking li p.budget { margin:5px;}
#PageRanking div.article div.text ul.ranking li div.thumb { float:left; display:inline; margin:0 5px;}

#PageRanking div.article div.text ul.ranking li div.detailBox { position:absolute; top:10px; right:0; width:120px;}
#PageRanking div.article div.text ul.ranking li div.detailBox h4 { margin:3px 0; background-color:#33ADD6; text-align:center; color:#FFFFFF;}
#PageRanking div.article div.text ul.ranking li div.detailBox div.star { color:#0C9ECE; margin:3px;}
#PageRanking div.article div.text ul.ranking li div.detailBox div.number { margin:3px;}
#PageRanking div.article div.text ul.ranking li div.detailBox div.detail { font-size:90%; margin:5px 0;}

#PageKuchikomiEntry {}
#PageKuchikomiEntry ul.Path { border-bottom:#333333 dotted 1px;}
#PageKuchikomiEntry {}

div.KuchikomiBox { border:#CCCCCC solid 1px; margin:10px 0; padding:5px;}
div.KuchikomiBox h4 { position:relative; border-bottom:#666666 dotted 1px; margin:5px; padding:5px 15px; color:#005EA5; font-size:90%;}
div.KuchikomiBox h4 span.date { position:absolute; top:5px; right:5px; font-size:80%; font-weight:normal;}
div.KuchikomiBox h4 span.date img { vertical-align:middle; margin:0 5px;}
div.KuchikomiBox div.text { position:relative; font-size:80%; margin:0 10px;}
div.KuchikomiBox div.text ul.info { margin:5px 170px 5px 10px;}
div.KuchikomiBox div.text ul.info li { padding:2px 5px 2px 12px; background-image:url(img/icon/square01.png); background-position:left 10px; background-repeat:no-repeat;}
div.KuchikomiBox div.text ul.info li span.title { color:#005EA5;}

div.KuchikomiBox div.text div.kuchikomi p.title      { color:#005EA5; padding:2px 5px 2px 12px; margin-top:15px; margin-bottom:0; background-image:url(img/icon/square01.png); background-position:left center; background-repeat:no-repeat;}
div.KuchikomiBox div.text div.kuchikomi p.comment    { padding:5px; background-color: #eef;font-size: 90%;line-height: 1.2;}
div.KuchikomiBox div.text div.kuchikomi p.commentMsr { padding:5px; background-color: #dff2f8;font-size: 90%;line-height: 1.2;}




div.KuchikomiBox div.text p { margin:5px 170px 5px 10px;}
div.KuchikomiBox div.text table.score { position:absolute; top:0px; right:5px; width:150px; background-color:#DFF2F8; font-size:90%; line-height:1.2;}
div.KuchikomiBox div.text table.score th {}
div.KuchikomiBox div.text table.score td { color:#0D9ECF;}



#PageKuchikomiList {}
#PageKuchikomiList div.article h3 span.description { display:block; border-top:#333333 dotted 1px;}
#PageKuchikomiList div.article div.text div.thumb { float:left; display:inline; margin:10px;}
#PageKuchikomiList div.topInfo { float:right; display:inline; margin:10px 0; border:#CCCCCC solid 1px;}
#PageKuchikomiList div.topInfo dl { margin:1px; font-size:80%; background-color:#DFF2F8;}
#PageKuchikomiList div.topInfo dl dt { display:inline; margin:0; padding:2px;}
#PageKuchikomiList div.topInfo dl dd { display:inline; margin:0; padding:2px 15px 0 2px; background-color:#DFF2F8; color:#005EA5;}
#PageKuchikomiList ul.MiddleInfo li { float:left; width:195px; padding:5px 5px 5px 12px; background-image:url(img/icon/square01.png); background-position:left 10px; background-repeat:no-repeat;}
*html #PageKuchikomiList ul.MiddleInfo li { width:210px; padding:5px 5px 5px 12px;}
#PageKuchikomiList ul.MiddleInfo li span.title { color:#005EA5;}



#PagePlanDetail #left div.article h3 { position:relative;}
#PagePlanDetail #left div.article h3 a.recommend { position:absolute; top:5px; right:10px;}
#PagePlanDetail #left div.article div.text div.thumb { float:left; display:inline; margin:8px;}

#PagePlanDetail ul.MiddleInfo li { float:left; width:195px; padding:5px 5px 5px 12px; background-image:url(img/icon/square01.png); background-position:left 10px; background-repeat:no-repeat;}
*html #PagePlanDetail ul.MiddleInfo li { width:210px; padding:5px 5px 5px 12px;}

#PagePlanDetail ul.MiddleInfo li span.title { color:#005EA5;}
#PagePlanDetail dl.kuchikomiInfo { position:absolute; top:8px; right:15px; border:#CCCCCC solid 1px; background-color:#FFFFFF; font-size:80%;}
#PagePlanDetail dl.kuchikomiInfo dt { display:inline; margin:0; padding:2px;}
#PagePlanDetail dl.kuchikomiInfo dd { display:inline; margin:0; padding:2px 15px 0 2px; color:#005EA5;}
#PagePlanDetail div.KuchikomiBox { border:0;}
#PagePlanDetail div.KuchikomiBox div.text { font-size:100%;}
#PagePlanDetail div.KuchikomiBox h4 { border-top:#333333 dotted 1px;}
#PagePlanDetail div.KuchikomiBox h4 span.date { font-size:100%;}

#PagePlanDetail ul.kuchikomiList { position:relative;}
#PagePlanDetail ul.kuchikomiList li { position:relative; border-bottom:#333333 dotted 1px; padding:7px 10px;}
#PagePlanDetail ul.kuchikomiList li h4 { margin:5px 0; color:#005EA5;}
#PagePlanDetail ul.kuchikomiList li h4 img { vertical-align:middle; margin:0 10px;}
#PagePlanDetail ul.kuchikomiList li table.score { position:absolute; top:3px; right:5px; width:130px; font-size:80%; line-height:1.2;}
#PagePlanDetail ul.kuchikomiList li table.score th { font-weight:normal;}
#PagePlanDetail ul.kuchikomiList li table.score td { color:#0D9ECF;}



#PageSearchList div.article div.text ul.topicList {}
#PageSearchList div.article div.text ul.searchList {}
#PageSearchList div.article div.text ul.searchList li { position:relative; height:110px; padding:0; margin:0 0 15px; border-bottom:#999 dotted 1px; background-position:left 50%; background-repeat:no-repeat;}

#PageSearchList div.article div.text ul.searchList li h4 { padding:10px 120px 0 110px; margin:0; }
#PageSearchList div.article div.text ul.searchList li p  { padding: 5px 120px 0 110px; margin:0; font-size:90%; }

#PageSearchList div.article div.text ul.searchList li p.budget { color:#778; padding-bottom:15px }
#PageSearchList div.article div.text ul.searchList li div.thumb { width:100px; height:90px; margin:0; padding:0; position:absolute; top:10px; left:0; font-size:0; }
#PageSearchList div.article div.text ul.searchList li div.thumb img { width:96px; height:86px; margin:2px; }

#PageSearchList div.article div.text ul.searchList li div.detailBox { width:120px; height:110px; position:absolute; top:10px; right:0; }
#PageSearchList div.article div.text ul.searchList li div.detailBox h4 { margin:0; padding:0; width:auto; background-color:#33ADD6; text-align:center; color:#FFFFFF;}
#PageSearchList div.article div.text ul.searchList li div.detailBox div.star   { text-align:center; margin-top:5px; color:#0C9ECE;}
#PageSearchList div.article div.text ul.searchList li div.detailBox div.number { text-align:center; margin-top:5px; }
#PageSearchList div.article div.text ul.searchList li div.detailBox div.detail { text-align:center;  font-size:90%;}


#PageBlog #left { display:inline; float:left; width:220px !important; margin:10px 0 20px 0;}
#PageBlog #center { display:inline; float:left; width:480px !important; margin:10px 0 20px 15px;}
#PageBlog #right { display:inline; float:right; width:220px !important; margin:10px 0 20px 0;}

#PageBlog div.headbox { margin:10px 0;}
#PageBlog div.headbox div.thumb { float:left; width:122px; height:100px; background-image:url(../img/blog_frame01.png); background-position:left top; background-repeat:no-repeat; border:0;}
#PageBlog div.headbox div.thumb img { margin:6px 0 0 9px;}
#PageBlog div.headbox h2 { color:#005EA5; border:0; height:auto; padding:10px 0 0 0; margin:0 0 10px 140px; font-size:120%;}
#PageBlog div.headbox div.writer { margin:10px 0 10px 140px;}
#PageBlog div.headbox div.date { clear:both; font-size:75%;}
#PageBlog div.blogArticle { clear:both;}
#PageBlog div.blogArticle h3 { background-image:url(../img/blog_title_bg.png); background-position:left bottom; background-repeat:no-repeat; padding:5px 0 78px 50px;}
#PageBlog div.blogArticle div.text {}
#PageBlog div.blogArticle {}
#PageBlog div.recommendThumb { float:left; width:155px; padding:5px 0; border-right:#333333 dotted 1px; font-size:90%;}
#PageBlog div.recommendThumb div.thumb { width:122px; height:100px; margin:0 0 0 18px; background-image:url(../img/blog_frame01.png); background-position:letf top; background-repeat:no-repeat; border:0;}
#PageBlog div.recommendThumb div.thumb img { margin:6px 0 0 9px;}
#PageBlog div.recommendThumb h4 { color:#005EA5; border:0; height:auto; padding:5px 0 0 0; margin:3px 0 3px 10px; text-align:left;}
#PageBlog div.recommendThumb div.writer { margin:3px 0 3px 10px; text-align:left;}
#PageBlog div.recommendThumb div.date { clear:both; margin:3px 0 3px 10px; text-align:left;}
#PageBlog div.recommendThumb {}
#PageBlog div.recommendThumb {}
#PageBlog div.recommendThumb {}
#PageBlog {}
#PageBlog {}
#PageBlog {}

#PageMyPage div.article div.text ul.searchList { position:relative;}
#PageMyPage div.article div.text ul.searchList li { position:relative; padding:10px; border-bottom:#333333 dotted 1px; background-position:left 50%; background-repeat:no-repeat;}
#PageMyPage div.article div.text ul.searchList li h4 { margin:5px;}
#PageMyPage div.article div.text ul.searchList li p.budget { margin:5px;}
#PageMyPage div.article div.text ul.searchList li div.left { float:left; display:inline; margin:0 5px;}
#PageMyPage div.article div.text ul.searchList li div.thumb {}
#PageMyPage div.article div.text ul.searchList li div.detailBox { position:absolute; top:10px; right:0; width:120px;}
#PageMyPage div.article div.text ul.searchList li div.detailBox h4 { margin:3px 0; background-color:#33ADD6; text-align:center; color:#FFFFFF;}
#PageMyPage div.article div.text ul.searchList li div.detailBox div.star { color:#0C9ECE; margin:3px;}
#PageMyPage div.article div.text ul.searchList li div.detailBox div.number { margin:3px;}
#PageMyPage div.article div.text ul.searchList li div.detailBox div.detail { font-size:90%; margin:5px 0;}



#PageFeature #center {}
#PageFeature #center div.top {}
#PageFeature #center div.top h2 {}
#PageFeature #center div.top h2.Nontext { height:105px;}
#PageFeature #center div.top div.text {}
#PageFeature #center div.top div.text p { line-height:2.0;}
#PageFeature #center div.article h3.type01 { font-size:90%;}
#PageFeature #center div.article h3.type01 span { display:block;}
#PageFeature #center div.article h3.type01 span.sub { margin:3px 0 1px 20px; font-size:90%; color:#005EA5; font-weight:normal;}
#PageFeature #center div.article h3.type01 span.main { padding:5px 0 5px 33px; background-image:url(img/icon/ship05.png); background-position:left center; background-repeat:no-repeat;}
#PageFeature #center div.article div.text img { border:#DDDDDD solid 5px; margin:0 10px 10px 10px;}
#PageFeature #center div.article h3 {}
#PageFeature #center div.article h3 {}