@charset "UTF-8";

/*  from common.css  */

html {	height: 100%;}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #dbdbdb;
	color: #282828;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, div, p, dl, dt, dd, img, li, ul, ol {
	margin: 0;
	padding: 0;
	border: 0;
}

li{
	list-style:none;
}

* html #wrap {	height: 100%;}
#wrap {
	position: relative;
	width: 914px;
	min-height: 100%;
	margin: 0 auto;
	background: #dbdbdb url(../img/bg_body.gif) repeat-y;
}
body > #wrap {	height: auto;}

#container {
	padding: 0 7px 75px;
	text-align: left;
}

a {
	color: #04539e;
}

.red{
	color:#dc1818;
}

/*----------------------
         float
----------------------*/

.fltL { float: left;}
.fltR { float: right;}
.clear { clear: both;}
.clrL { clear: left;}

/*----------------------
         width
----------------------*/

.wid370 { width: 370px;}
.wid410 { width: 410px;}
.wid475 { width: 475px;}
.wid620 { width: 620px;}

/*----------------------
        margin
----------------------*/

.mgnT10 {	margin-top: 10px;}
.mgnT30 {	margin-top: 30px;}

.mgnR8 {	margin-right: 8px;}
.mgnR10 {	margin-right: 10px;}
.mgnR12 {	margin-right: 12px;}
.mgnR18 {	margin-right: 18px;}

.mgnB3 {	margin-bottom: 3px;}
.mgnB5 {	margin-bottom: 5px;}
.mgnB8 {	margin-bottom: 8px;}
.mgnB10 {	margin-bottom: 10px;}
.mgnB12 {	margin-bottom: 12px;}
.mgnB15 {	margin-bottom: 15px;}
.mgnB20 {	margin-bottom: 20px;}
.mgnB25 {	margin-bottom: 25px;}
.mgnB30 {	margin-bottom: 30px;}

.mgnL10 {	margin-left: 10px;}
.mgnL20 {	margin-left: 20px;}

/*----------------------
         font
----------------------*/
.center { text-align: center;}

.fontRed { color: #e60012;}
.fontBlue { color: #2f4daf;}

.fontS { font-size: 10px;}
.fontM { font-size: 14px;}
.fontB { font-weight: bold;}


/*----------------------
         sitemap
----------------------*/

#sitemap{
	background-color:#ededed;
	margin:0 30px 30px 30px;
	text-align:left;
	padding:5px 5px 5px 10px;
}

#sitemap a{
	background:url(../img/site_arrow.gif) no-repeat left center;
	padding-left:10px;
	text-decoration:none;
	color:#04539e;
	margin-right:15px;
}

/*----------------------
         footer
----------------------*/

#footer {
	border-top:2px solid #516cc4;
	position: absolute;
	bottom: 0;
	left: 37px;
	width: 840px;
	height: 75px;
	padding:10px 0 0 0;
	text-align: left;
}

/*----------------------
        clearfix
----------------------*/
.clearfix:after {
	content: ".";
	display: block;  clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { min-height: 1px;}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*  from common.css end  */

/*----------------------
          header
----------------------*/

#header {
	position: relative;
	height: 65px;
	background:url(../karikae/img/header_bg.gif) repeat-x left bottom;
	padding: 0 17px;
}

#link008 {
	position: absolute;
	top: 5px;
	right: 100px;
}
#link009 {
	position: absolute;
	top: 5px;
	right: 24px;
}

#mainArea{
	position: relative;
	background:url(../karikae/img/main.gif) no-repeat left top;
	padding:189px 10px 0 11px;
}

#mainArea h1{
	position: absolute;
	top:10px;
	left:79px;
}

#mainArea #data{
	background:url(../karikae/img/main_bg.gif) no-repeat left top;
	padding:11px 11px 9px 28px;
}

#mainArea #data .txt{
	width:275px;
	padding-top:3px;
	float:left;
}

#mainArea #data ul{
	float:right;
}

#mainArea #data ul li{
	float:left;
}

#mainArea #data ul li.dataRight{
	margin-right:9px;
}

#navigation{
	height:46px;
	margin-top:11px;
	margin-bottom:10px;
}

#navigation li{
	float:left;
	height:46px;
}

#contents{
	padding:0 10px 0 11px;
}

#contents h2{
	margin-bottom:5px;
}

.contentsBox{
	border:1px solid #ccc;
	background:url(../karikae/img/contents_bg.gif) repeat-x left top;
	padding:10px;
}

.simulation{
	margin-left:22px;
}

.simCaution{
	margin:5px 30px 0 32px;
}

.pageTop{
	text-align:right;
	margin:10px 0;
}

.arrow{
	text-align:center;
	margin-bottom:10px;
}

.contentsBox h3{
	text-align:center;
	margin:0 auto 10px auto;
}

.contentsBox .caution{
	margin:5px 7px 0 7px;
}

.detailLeft .actionArea{
	background:#FFF;
	border:1px solid #e1e1e1;
	padding:10px 16px;
	margin-bottom:5px;
}

.detailRight .actionArea{
	background:#FFF;
	border:1px solid #e1e1e1;
	padding:10px 10px 21px 16px;
	margin-bottom:5px;
}

.actionArea h4{
	margin-bottom:8px;
}

.detailLeft{
	width:402px;
	float:left;
	margin-right:12px;
}

.detailRight{
	width:402px;
	float:left;
}


.saison h3{
	text-align:left;
	margin-bottom:5px;
}

.saison .pluse{
	background:url(../karikae/img/ico_plus.gif) no-repeat 554px 90px;
}

.saison .pointSaison{
	margin-right:30px;
}


.contentsBoxNo{
	border:1px solid #ccc;
	background:url(../karikae/img/contents_bg.gif) repeat-x left top;
}

.contentsBoxNo table{
	width:100%;
}

.contentsBoxNo table th{
	background-color:#d2e7f5;
	border:1px solid #e1e1e1;
	padding:7px;
	text-align:left;
	vertical-align:top;
}

.contentsBoxNo table td{
	background-color:#FFF;
	border:1px solid #e1e1e1;
	padding:7px;
}

.contentsBoxNo table hr{
	padding:0;
	color:#ccc;
	margin:4px 0;
	height:1px;
}

.contentsBoxNo table td table{
	background-color:#FFF;
	border:none;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	width:400px;
	margin-left:12px;
}

.contentsBoxNo table td table td{
	background-color:#FFF;
	border:none;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:1px 4px;
}

.contentsBoxNo table td table td.center{
	text-align:center;
}

.contentsBoxNo table td li .num{
	margin-left:-1.9em;
}

.contentsBoxNo table td p .num{
	margin-left:-1.5em;
}

.contentsBoxNo table td li.indentL {
	margin-left:2.9em;
}

.contentsBoxNo table td li.indentL .num{
	margin-left:-2.9em;
}

.contentsBoxNo table td p.indentM{
	margin-left:1.9em;
}

.contentsBoxNo table td p.indentM .num{
	margin-left:-1.9em;
}

.contentsBoxNo ul.caution{
	margin-left: 2.9em;
}

.contentsBoxNo p.caution{
	margin-left: 2.5em;
}

.caution2{
	margin-left:1em;
}

.caution2 li li{
	float:left;
}

.caution2 li li.num2{
	width: 1.9em;
}

.caution2 li li.data{
	width: 639px;
}

.caution2 li dl{
	float:left;
}

.caution2 li dl dt{
	clear:both;
	float:left;
	width:6.7em;
}

.caution2 li dl dd{
	margin-left:6.7em;
}

.dsBlock{display:block;
float:left;}

.contentsBoxNo table td li .sec{
	margin-left:0.5em;
}

.contentsBoxNo table td li .sec{
	margin-left:0.5em;
}

.contentsBoxNo table td li .sam{
	margin-left:1em;
}

.contentsBoxNo table td sup{
	font-size:10px;
}

.contentsBoxNo table td .circle{
	background:url(../karikae/img/ico_circle.gif) no-repeat left 0.5em;
	padding-left:12px;
}

.aboutCaution{
	margin-left:10px;
	padding-bottom:10px;
}

.actionBox{
	border:1px solid #cc00c5;
	background:url(../karikae/img/action_bg.gif) repeat-x left top;
	padding:11px 13px;
}

.actionBox h3{
	margin-bottom:5px;
}

.actionBox .upper{
	border-bottom:1px dashed #cc00c5;
	padding:0 8px 11px 0;
}

.actionBox .down{
	padding:0 8px 0 0;
	margin-top:11px;
}

.actionBox .txt{
	float:left;
	width:480px;
}

.actionBox .bt{
	float:right;
}

.indentS {
	margin-left: 20px;
}