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


/*===== Base Layout =====================================*/

html, body { height: 100%; }  /* Footer 固定用 */

body {
	background-color: #FFF;
	background-image: url(../images/common/header/body_bg.gif);
	background-repeat: repeat-x;
	}
	
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 85%;
	line-height: 1.8em;
	color: #666;
	}

a{
	color: #3399CC;
	}
	
a:hover{
	color: #3366CC;
	}
	
a:visited, a:active, a:focus{
	color: #6699CC;
	}
	
a:hover img  {
	opacity:0.8;
	filter: alpha(opacity=80);
	}

	

	
/*=====  Page Layout =====================================*/

#wrapper {
	min-height: 100%;            /* Footer 固定用 */
	height: auto !important;  /* Footer 固定用　IE6対応用 */
 	height: 100%;                    /* Footer 固定用　IE6対応用 */
	margin: 0 auto -100px;      /* Foototer 固定用　-100はFotterブロックのheiht */
	width: 950px;
	}
	
#header {
	height: 92px;
	width: 950px;
	}

#navigation {
	height: 38px;
	margin-right: auto;
	margin-left: auto;
	}	
	
#container {
	width: 950px;
	clear: both;
	}
	
#primaryContent {
	width: 700px;
	float: left;
	}	
	
#secondaryContent{
	float: right;
	width: 210px;
	}	

#push {                   /* Footer 固定用　heightはフッタのheight */
	height: 100px;
	clear: both;
	}

#footer {
	clear: both;
	width: 100%;
	background-image: url(../images/common/footer/footer-bg.gif);
	background-repeat: repeat-x;
	margin-top: 40px;
	height:100px;
	}
	


/*===== Header Element =====================================*/

.siteid {
	float: left;
	margin-top: 24px;
	}

#header h1 {
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	color: #666666;
	margin-top: 42px;
	margin-left: 15px;
	display: inline;
	float: left;
	}
	
#header h3 {
	display: inline;
	float: right;
	margin-right: 30px;
	margin-top: 55px;
	}

#header img#banner {
	float: right;
	margin-top: 10px;
	height: 92px;
	width: 294px;
	}
	

/*===== Navigation Element =====================================*/

	
#navigation ul li{
	list-style-type:none;
	width:135px;
	height:33px;
	float: left;
	margin-top: 5px;
	}

li.navi-1{
	background:url(../images/common/navigation/navi-1_s1.gif);
	}
	
li.navi-2{
	background:url(../images/common/navigation/navi-2_s1.gif);
	}

li.navi-3{
	background:url(../images/common/navigation/navi-3_s1.gif);
	}

li.navi-4{
	background:url(../images/common/navigation/navi-4_s1.gif);
	}

li.navi-5{
	background:url(../images/common/navigation/navi-5_s1.gif);
	}

li.navi-6{
	background:url(../images/common/navigation/navi-6_s1.gif);
	}
	
li.navi-7{
	background:url(../images/common/navigation/navi-7_s1.gif);
	}
	
#navigation ul li a{
	display:block;
	width:135px;
	height:33px;
	}
	
#navigation ul li a:hover {
	background-color:transparent;
	}
	
#navigation ul li a:hover img{
	visibility:hidden;
	}

#navigation ul li a.selected img{
	visibility:hidden;
	}
	
#topicpath {
	clear: left;
	height: 39px;
	}

#topicpath li {
	font-size: 0.85em;
	color: #FFFFFF;
	display: inline;
	float: left;
	height: 39px;
	color: #FFF;
	}
	
#topicpath li.lasttopic{
	margin-top: 8px;
	}

#topicpath a{
	color: #FFF;
	margin-right: 20px;
	background-image: url(../images/common/header/topicpath-arrow.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
	display: inline-block;
	vertical-align: middle;
	height: 39px;
	padding-top: 8px;
	}
	
#topicpath a:hover{
	color: #00CCFF;
	}
	
#topicpath a:visited, a:active, a:focus{
	color: #CCCCCC;
	}
#menu {
	margin-top: 150px;
	width: 210px;
	margin-bottom: 50px;
}
#menu li {
	width: 210px;
	display: block;
	margin-bottom: 10px;
}


	
#menu a {
	display: block;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #00A0E8;
	padding-left: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	}

#menu a:hover {
	background-color: #E6F8FF;
	}



.banner {
	margin-top:30px;
	}

#secondaryContent div.banner img{
	margin-bottom: 7px;
	}
	
#secondaryContent .btn-area {
	text-align: center;
	margin-bottom: 10px;
	background-color: #EFEFEF;
	padding-top: 15px;
	padding-bottom: 15px;
	}	
	
#secondaryContent h5 {
	margin-bottom: 10px;
	}

	
#secure_seal {
	margin-top:15px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	}
	
#secure_seal img {
	margin-left: 27px;
	}
	
#secure_seal p {
	font-size: 10px;
	line-height: 150%;
	color: #999999;
	margin-top: 6px;
	}
#title {
	height: 91px;
	margin-bottom: 60px;
}
/*=====  Primary Content Elements =====================================*/

	
#title h2{
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	display: inline;
	float: left;
	margin-top: 10px;
	margin-right: 30px;
	}
	
#title  p{
	color: #FFF;
	float: left;
	margin-top: 25px;
	}
	
#title a {
	color: #FFF;
	}
	
#title a:visited, 
#title a:active, 
#title a:focus{
	color: #CCC;
	}


#primaryContent h3 {
	margin-bottom: 15px;
	}



#primaryContent h4 {
	font-size: 1.15em;
	font-weight: bold;
	color: #0093DD;
	margin-bottom: 20px;
	height: 65px;
	}

	
#primaryContent h4 img {
	margin-right: 12px;
	vertical-align: middle;
	margin-bottom: 15px;
	}
	
#primaryContent h4 p {
	margin-left: 51px;
	padding-bottom: 7px;
	}
	
#primaryContent h5 {
	font-size: 1em;
	color: #00A5E5;
	}
	
#primaryContent ul {
	list-style-type: none;
	line-height: 1.5em;
	}
	
#primaryContent li {
	padding-left: 15px;
	background-image: url(../img/common/icon-circle-blue.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	}
#primaryContent .content-block {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-bottom: 30px;
	padding-top: 25px;
}
#primaryContent .content-block h2 {
	margin-bottom: 30px;
}





#primaryContent .content-block p {
	margin-bottom: 10px;
	margin-top: 5px;
}
#primaryContent .content-block table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8EDBFF;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 100%;
}
#primaryContent .content-block table td {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8EDBFF;
}
#primaryContent .content-block table th {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8EDBFF;
	background-color: #E8F4FA;
}
#primaryContent .noline {
	margin-bottom: 30px;
	border-top-style: none;
	padding-top: 0px;
}


#primaryContent .content-block table.prpoint {
	padding-top: 0px;
	padding-bottom: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#primaryContent .content-block table.prpoint td {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.mustitem {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CC3300;
	}


	

/*=====  Footer Content Elements =====================================*/	


#bottom {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
div.totop {
	text-align: center;
	}

div.footer-content {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	}
	
.footer-logo {
	float: right;
	margin-top: 12px;
	}

#footer ul {
	list-style-type: none;
	margin-top: 5px;
	float: left;
	width: 600px;
	}
	
#footer ul li{
	float: left;
	background-image: url(../images/common/footer/list-arrow.gif);
	background-repeat: no-repeat;
	margin-right: 12px;
	padding-left: 14px;
	background-position: left center;
	}
	
#footer a{
	color: #999;
	display: inline;
	}
	
#footer a:hover{
	color: #CCC;
	}
	
#footer a:visited, a:active, a:focus{
	color: #CCCCCC;
	}



/*=====  Classies =====================================*/	

.clear {
	clear: both;
	}
	
.round {
	background-color: #FFF;
	}
	
.tooltip {
			font: normal 12px/2 sans-serif;
		}

	


/*=====  Other Elements =====================================*/

.center {
	text-align:center;
	}

.inquiry {
	margin-left: 30px;
	margin-top: 11px;
	display: inline;
	float: left;
	}
h3.bar {
	color: #FFFFFF;
	margin-bottom: 8px;
	background-color: #7CCCF3;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 1em;
	}
	
.error {
	font-size: 1.1em;
	color: #CC3300;
	}
	
.hidden {
	display: none;
	}
	
.subcolumn {
	padding: 4px;
	border: 1px dotted #009900;
	}
	
.bottom-30 {
	margin-bottom: 50px;
	}

.point {
	color: #C30;
	}
	
.highlight {
	background-color: #FFC;
	}

.strike {
	color: #C30;
	text-decoration: line-through;
	}
	
.important {
	color: #C30;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px dotted #C30;
	}
	



.renew td {
	padding-left: 12px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	}
	
table.renew {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	}

.morebtn {
	margin-top: 20px;
	margin-bottom: 20px;
}
 
.highlight a:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);
}

.cam-caition {
	color: #E95413;
	padding: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #E95413;
	border-bottom-color: #E95413;
}