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

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

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




/* container */
#container {}


#left   { float:left;  width:220px; margin:10px 0 20px;}
#center { float:left;  width:480px; margin:10px 15px 20px;}
#right  { float:right; width:220px; margin:10px 0 20px;}

div.FootBack { text-align:right;} 

#left div.article { margin:0 0 5px 0; border:#CCCCCC solid 1px;}
#left div.article h2 { margin:0 4px; border:0;}
#left div.article h2.Nontext { text-indent:-9999px; height:34px;}
#left div.article div.text { font-size:80%;}
#left div.article div.text div.box01 { margin:3px; padding:3px 0; background-color:#f2f2f2;}
#left div.article div.text h3.type01 { padding:2px 3px; background-color:#005EA5; margin:3px; color:#FFFFFF; background-image:none; height:auto; border:0; font-size:90%;}
#left div.article div.text div.detail { margin:5px; text-align:right;}
#left 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;}

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

/* 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 div.text { padding:5px; font-size:80%; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}

#center div.article div.text h3 { position:relative; padding:5px; border-left:#005EA5 solid 5px;}
#center div.article div.text h3 a.detail { position:absolute; top:5px; right:10px; padding:0 15px; font-size:90%; background-image:url(img/icon/arrow04.png); background-repeat:no-repeat; background-position:right 50%;}

#center div.search01 div.text { border:0; padding:5px 0;}
#center div.search01 div.text img { margin:0;}

#center div.search02 { margin:0 0 10px 0;}
#center div.search02 div.text { border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; padding:5px;}
#center div.search02 table { width:305px; float:left;}
#center div.search02 div.ship { float:right; width:160px; margin:0 0 10px 0; border-left:#333333 dotted 1px;}
#center div.search02 div.ship label { display:block; margin:5px 0 0 0; color:#005EA5; font-weight:bold;}
#center div.search02 div.ship label img,input { vertical-align:middle; margin:0 3px;}
#center div.search02 div.ship p { font-size:80%; margin:0 5px;}
#center div.search02 div.btnBox { clear:both; border-top:#333333 dotted 1px; text-align:center;}
#center div.search02 div.btnBox button { border:0; background-color:#FFFFFF; padding:0; margin:10px;}
#center div.search02 div.btnBox button img {}

#center div.ranking {}
#center div.ranking ul.Navi { margin:5px 0 0 0;}
#center div.ranking ul.Navi li { float:left; width:120px; height:40px;}
#center div.ranking ul.Navi li a { display:block; width:100%; height:40px;}

#center div.ranking ul.Navi li.button01 {}
#center div.ranking ul.Navi li.button02 {}
#center div.ranking ul.Navi li.button03 {}
#center div.ranking ul.Navi li.button04 {}

#center div.ranking ul.Navi li.button01 a { background-image:url(img/ranking_navi/btn_01.png)}
#center div.ranking ul.Navi li.button02 a { background-image:url(img/ranking_navi/btn_02.png)}
#center div.ranking ul.Navi li.button03 a { background-image:url(img/ranking_navi/btn_03.png)}
#center div.ranking ul.Navi li.button04 a { background-image:url(img/ranking_navi/btn_04.png)}
#center div.ranking ul.Navi li.button01 a.over { background-image:url(img/ranking_navi/btn_01_over.png)}
#center div.ranking ul.Navi li.button02 a.over { background-image:url(img/ranking_navi/btn_02_over.png)}
#center div.ranking ul.Navi li.button03 a.over { background-image:url(img/ranking_navi/btn_03_over.png)}
#center div.ranking ul.Navi li.button04 a.over { background-image:url(img/ranking_navi/btn_04_over.png)}




#center div.ranking div.no1 { padding:0 0 0 85px; background-image:url(img/icon/ranking01/no01.png); background-position:left top; background-repeat:no-repeat; height:45px;font-size:13px;}
#center div.ranking div.no1 a { line-height:1.2;}
#center div.ranking ul.list { margin:0 215px 0 0;}
#center div.ranking ul.list li { background-position:left 3px; font-size:90%; background-repeat:no-repeat; padding:3px 0 3px 30px; border-bottom:#333333 dotted 1px;}
#center div.ranking ul.list li.no2 { background-image:url(img/icon/ranking01/no02.png);}
#center div.ranking ul.list li.no3 { background-image:url(img/icon/ranking01/no03.png);}
#center div.ranking ul.list li.no4 { background-image:url(img/icon/ranking01/no04.png);}
#center div.ranking ul.list li.no5 { background-image:url(img/icon/ranking01/no05.png);}
#center div.ranking ul.list li.no6 { background-image:url(img/icon/ranking01/no06.png);}
#center div.ranking ul.list li.no7 { background-image:url(img/icon/ranking01/no07.png);}
#center div.ranking ul.list li.no8 { background-image:url(img/icon/ranking01/no08.png);}
#center div.ranking ul.list li.no9 { background-image:url(img/icon/ranking01/no09.png);}
#center div.ranking ul.list li.no10 { background-image:url(img/icon/ranking01/no10.png);}

/* right */
#right div.article { margin:0 0 5px 0; border:#CCCCCC solid 1px;}
#right div.article h2 { margin:0 4px; background-repeat:no-repeat; border:0;}
#right div.article h2.Nontext { text-indent:-9999px; height:34px;}
#right div.article div.text { font-size:80%;}
#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;}

#right div.numberinfo { padding:10px 0 5px 0; color:#005EA5; text-align:center; font-size:90%; font-weight:normal;}
#right div.numberinfo h2 { 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 h3 { 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 h3 { background-image:url(img/icon/special_01.png);}
#right div.special div.text ul li.no2 h3 { background-image:url(img/icon/special_02.png);}
#right div.special div.text ul li h3 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 h2 { 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:5px 10px 0 10px; padding:5px 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 h2 { 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;}

#footer ul {}
#footer ul li {}
#footer ul li a {}
#footer ul li {}

#footer div.copyright {}

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