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

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

/* 初期化 */
body { 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 !important; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

dt,dd { margin:0; padding:0;}

img { border:none;}

table { font-size:100%;}
th { text-align:left; font-weight:bold;}

input,select { vertical-align:middle;}

em { color:red; font-size:300%; font-weight:bold; font-style:normal; }
/* 定義 */

.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;}
strong.red { color:#CC3300;}
strong.blue { color:#00668C;}
strong.green { color:#156844;}

.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%;}

.mt15 { margin-top:15px;}
.mb15 { margin-bottom:15px;}
.ml15 { margin-left:15px;}
.mr15 { margin-right:15px;}
.pl15 { padding-left:15px;}

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

.BdNone { border:0 !important;}
.Nontext { text-indent:-9999px;}

.print { display:none;}

div.line01 { border-bottom:#333 solid 1px;}
div.line01 hr { visibility:hidden; display:none;}

div.line02 { border-bottom:#333 dotted 1px;}
div.line02 hr { visibility:hidden; display:none;}

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


a { color:#00668C;}

body { text-align:center; background-image:url(img/bg.jpg); background-position:0 85px; background-repeat:repeat-x;}

#base { width:900px; margin:0 auto; text-align:left;}

/* header */
#header { margin:0; position:relative; /*background-image:url(img/header_bg.png);*/ background-position:left top; background-repeat:no-repeat; height:85px;}

#header div.description { height:24px; line-height:2.0; font-size:80%;}

#header h1 { background-image:url(img/h1_bg.jpg); background-position:left top; background-repeat:no-repeat;}
#header h1 a { display:block; width:300px; height:61px; overflow:hidden; text-indent:-9999px;}

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

#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.button01 { width:151px;}
#header #Gnavi li.button02 { width:149px;}
#header #Gnavi li.button03 { width:150px;}
#header #Gnavi li.button04 { width:150px;}
#header #Gnavi li.button05 { width:149px;}
#header #Gnavi li.button06 { width:151px;}
#header #Gnavi li.button07 { width:px;}
#header #Gnavi li.button08 { width:px;}
#header #Gnavi li.button09 { width:px;}

#header div#FloNavi { position:absolute; right:10px; top:42px;}
/*#header div#FloNavi a.homelink { padding:0 10px 5px 20px; background-image:url(img/icon/arrow01.png); background-position:left 40%; background-repeat:no-repeat; font-size:80%; color:#333333;}*/
#header div#FloNavi img { vertical-align:bottom;}
#header div#FloNavi ul li a {}

#header div#FloNavi ul li.button01 {}
#header div#FloNavi ul li.button02 {}
#header div#FloNavi ul li.button03 {}
#header div#FloNavi ul li.button04 {}
#header div#FloNavi ul li.button05 {}
#header div#FloNavi ul li.button06 {}
#header div#FloNavi ul li.button07 {}
#header div#FloNavi ul li.button08 {}
#header div#FloNavi ul li.button09 {}

/* 20100615追記 */
#header div#FloNavi2 { width:190px; position:absolute; right:0; top:3px;}
#header div#FloNavi2 img { padding-left:0px; margin-bottom:0px; vertical-align:bottom;}
#header div#FloNavi2 p { font-size:52%; padding:0px; text-align:center;}
#header div#FloNavi2 a.mypage { margin-top:10px; padding:0 10px 5px 20px; display:block; float:left; background:url(img/icon/arrow01.png) no-repeat left 40%; font-size:80%; color:#333333;}

#header div#FloNavitest { width:300px; position:absolute; right:0; top:3px;}
#header div#FloNavitest img { padding-left:0px; margin-bottom:0px; vertical-align:bottom;}
#header div#FloNavitest p { font-size:52%; padding:0px; text-align:center;}
#header div#FloNavitest a.mypage { margin-top:10px; padding:0 10px 5px 20px; display:block; float:left; background:url(img/icon/arrow01.png) no-repeat left 40%; font-size:80%; color:#333333;}

/* 20100729追記 */
#newCheck {
 padding:3px;
 border:#cccccc 1px solid;
 position:absolute;
 left: 320px;
 top: 30px;
 color:#F00;
 font-size:80%;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
}
#newCheck a {
 display:block;
 width:auto;
 height:auto;
 color:#F00;
}
#newCheck a:hover { background-color: #FFF7F7; }

/* container */
#container {}


#container #left div.twitter div.text { margin:5px;}


div.FootBack { text-align:right;} 

/* footer */
#footer { clear:both;}

#footer ul { padding:15px; text-align:center;}
#footer ul li { display:inline; padding:0 10px 0 5px; font-size:80%; border-right:#333333 solid 1px;}
#footer ul li a { color:#333333;}
#footer ul li {}

#footer div.copyright { padding:10px; text-align:center; font-size:75%;}

/*---------------------------------
		TypeCSS
---------------------------------*/

/* List Type [ul] */
ul.type01 {}
ul.type01 li {}
ul.type01 li a { padding:0 0 0 20px; background-image:url(img/icon/square02.png); background-repeat:no-repeat; background-position:left 50%; color:#00668C;}

ul.type02 {}
ul.type02 li { padding:0 0 2px 15px; background-image:url(img/icon/square02.png); background-repeat:no-repeat; background-position:left 4px;}
ul.type02 li strong { color:#00668C;}

ul.type03 {}
ul.type03 li { float:left; width:100px;}
ul.type03 li a { padding:0 0 2px 15px; background-image:url(img/icon/arrow02.png); background-repeat:no-repeat; background-position:left 4px; color:#00668C;}

ul.type04 {}
ul.type04 li { padding:0 0 2px 15px; background-image:url(img/icon/square03.png); background-repeat:no-repeat; background-position:left 4px;}


ul.type05 { text-align:center;}
ul.type05 li { display:inline; padding:0 10px 0 5px; border-right:#666666 solid 1px;}
ul.type05 li a {}

ul.type03 {}
ul.type03 li {}
ul.type03 li a {}

/* List Type [dl] */
dl.type01 {}
dl.type01 dt {}
dl.type01 dd {}

dl.type02 {}
dl.type02 dt {}
dl.type02 dd {}


/* Table Type */

table.type01 { border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type01 tr th { border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
table.type01 tr td { border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
table.type01 tr.odd th { background-color:#F0F0F0; font-weight:normal;}
table.type01 tr.odd td { background-color:#F0F0F0;}
table.type01 tr.even th { font-weight:normal;}
table.type01 tr.even td {}
table.type01 {}

table.type02 { border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type02 tr th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#F7E1D9; font-weight:normal;}
table.type02 tr td { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}

table.type03 { border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type03 tr th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#E4EFF3; font-weight:normal;}
table.type03 tr td { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
table.type03.latest tr td { background-color:#FC0;}

table.type04 { border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type04 tr th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#E4F3EF; font-weight:normal;}
table.type04 tr td { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}

table.type05 { border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type05 tr.top th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#00668C; font-weight:bold; font-size:120%; color:#FFFFFF;}
table.type05 tr.top th.fsNormal { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#00668C; font-weight:bold; color:#FFFFFF;}
table.type05 tr th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#E4F3EF; font-weight:bold;}
table.type05 tr td { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; text-align:right;}

table.type06 { margin:0 3px; border-collapse:separate; border-spacing:1px; width:642px; background-color:#cccccc; }
table.type06 tr.top th { padding:5px; background-color:#00668C; font-weight:bold; font-size:120%; color:#FFFFFF;}
table.type06 tr.top th.fsNormal { padding:5px; background-color:#00668C; font-weight:bold; color:#FFFFFF;}
table.type06 tr th { padding:5px; background-color:#E4F3EF; font-weight:bold;}
table.type06 tr td { padding:5px; background-color:#ffffff; text-align:right;}
table.type06 tr td.percentage { padding-top:20px; color:#ffffff; background:#ffffff url(../img/index_punk.jpg) no-repeat center center; font-weight:bold; font-size:55px; text-align:center; }

table.formtype01 {}
table.formtype01 tr th {}
table.formtype01 tr td {}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}

table.newPrice { border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0; color:#444444; margin:15px auto;}
table.newPrice tr th { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color: #FFFCBF; font-weight:normal; text-align:center;}
table.newPrice tr th.normal { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color: #EEEEEE; font-weight:normal;}
table.newPrice tr td { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; font-weight:normal;}
table.newPrice tr.rate td { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; font-weight:bold; color:#FF0000;}
table.newPrice tr.rate td.normal { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; font-weight:normal; color:#444444;}
table.newPrice tr.discount td { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; font-weight:bold; color:#00668C;}
table.newPrice tr.discount td.normal { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; font-weight:normal; color:#444444;}

table.newPriceD { border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0; color:#444444; margin:15px auto;}
table.newPriceD tr th { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color: #FFFCBF; font-weight:normal; text-align:center;}
table.newPriceD tr th.normal { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color: #EEEEEE; font-weight:normal;}
table.newPriceD tr th.jupiter { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color: #B8E6FA; font-weight:normal;}
table.newPriceD tr th.pluto { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color: #9FE6D0; font-weight:normal;}
table.newPriceD tr td { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
table.newPriceD tr.rate td { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; font-weight:bold; color:#FF0000;}
table.newPriceD tr.rate td.normal { padding:5px 10px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; font-weight:normal; color:#444444;}

table.jisseki { border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.jisseki tr th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#F9F7C8; font-weight:normal;}
table.jisseki tr.top th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#E4F3EF; font-weight:bold; text-align:center;}
table.jisseki tr.year09 th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;background-color:#CCFF99;}
table.jisseki tr.year10 th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#CCFF33;}
table.jisseki tr.now th { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#006600; color:#FFFFFF;}
table.jisseki tr td { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; text-align:right; background-color:#F9F7C8;}
table.jisseki tr.year09 td { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; text-align:right; background-color:#CCFF99;}
table.jisseki tr.year10 td { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; text-align:right; background-color:#CCFF33;}
table.jisseki tr.now td { padding:5px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; text-align:right; background-color:#006600; color:#FFFFFF;}


