@charset "utf-8";
/*全ページ共通*/
*{	margin:0; padding:0; }
body{
	font-family: "ＭＳ Ｐゴシック", "Osaka" , "Arial", "Helvetica" sans-serif;
	font-size: 12px;
	_font-size: 80%;/*IE6用フォントサイズ*/ 
	background-color: #FFFFFF;
	
}
h1, h2, h3, h4, h5, h6, p, address {
	font-size: 12px;
	_font-size: 90%;/*IE6用フォントサイズ*/ 
}
body, h1, h2, h3, h4, h5, h6, p, address, img, li, dl, td, th, em{
	border: none;
	line-height:1.6;
	color: #333;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-style:normal;
}
th, td { vertical-align:middle; text-align: center;}
img{ border:none;}
strong { font-weight: bold; }
caption { caption-side: bottom;}
hr { display: none;}
a{ outline : 0 ;}


/*-----------------------------------リンク*/
a {	color: #346B9E; text-decoration: underline; }
a:hover { color: #C30D23; text-decoration: none; }

a.maillink { color: #003399; text-decoration: none; }
a:hover.maillink { color: #003399; text-decoration: underline; }
a:visited.maillink { color: #003399; text-decoration: none; }
/*-----------------------------------リスト*/
li { list-style-position: outside; list-style-type: none; line-height:1.8;}
/*-----------------------------------テキスト位置等*/
.maincolor {color:#CF8B10;}
.maincolorWaku {padding:2px 5px; margin-right:3px; background-color:#CF8B10; color:#FFF; font-weight:bold;}
.center { text-align: center;}
.txtRight { text-align: right;}
.fright { float: right; }
.fleft { float: left; }
.bold {font-weight:bold;}
.img-space {margin-right:10px;}
.img-space2 {margin-left:10px;}
/*-----------------------------------クリア*/
.clearBoth { clear:both;}

/*clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

/*-----------------------------------ヘッダー*/
#headerback {
	width:auto;
	height:135px;
	background:url(img/header_bg.jpg) repeat-x center top;
	margin:0;
}
#header {
/*	position:relative;*/
	width:900px;
	margin:0 auto;
}
#header h1 {
	float:left;
	margin-top:20px;
}
a.btnSiryo {
	margin-top:20px;
	float:right;
}
/*-----------------------------------コンテンツ*/
#contents {
	width:900px;
	margin:0 auto;
}
/*-----------------------------------AOの詳細*/
#aoDetail {
	width:860px;
	margin:30px auto 0;
	padding:20px;
	background-color:#F2F2F2;
}

#aoDetail h2 {
	font-size:14px;
	font-weight:bold;
}
.aoLeft {
	width:420px;
	float:left;

}
.aoRight {
	width:420px;
	float:right;
}
div.aoBox {
	margin:5px 0 0;
	background-color:#FFF;
	border:1px solid #CCCCCC;
	padding:10px;
	/*min-height:21em;
	height: auto !important;
	height: 21em;*/
}
.aoBox2 {
	font-size:10px;
	background-color:#DDD;
	padding:5px;
}
p.aotext {
	margin:5px 0 0;
}

#aoDetail dl {
	margin:10px 0 0 0;
}
#aoDetail dt {
	float:left;
	width:88px;
}
#aoDetail dd {
	float:left;
	width:310px;
}
/*-----------------------------------AOの内部リンク*/
#aoLink {
	width:830px;
	margin:30px auto 0;
	border:5px solid #CCC;
	padding:20px;
}
#aoLink ul {
	margin:10px 0 40px 20px;
}
#aoLink li {
	float:left;
	margin-right:15px;
	padding-left:20px;
	background:url(img/link_arrow.gif) center left no-repeat;
}
/*-----------------------------------AOのStep*/
#aoStep {
	width:900px;
	margin:30px auto;
		background: url(img/arrow_bg.gif) repeat-y; 
}
.stepArrow {
	float:left;
	height:80px;
	width:53px;
	margin-right:30px;

}
.stepDetail {
	float:left;
	width:817px;
}
.arrowEnd {
	clear:both;
	background: url(img/arrow_end.gif) left top no-repeat;
	height:14px;
}
#aoStep h4 {
	font-size:18px;
	font-weight:bold;
	color:#333;
	border-bottom:3px solid #F2F2F2;
}
#aoStep h4 span {
	font-size:14px;
	font-weight:bold;
	color:#9F9F9F;
	margin-left:20px;
}
.stepText {
	margin-top:2px;
	padding:10px 10px 20px;
}
/*step1*/
.step1Left {
	float:left;
	width:317px;
	margin-bottom:20px;
}
.step1Left dt {
	float:left;
	font-size:14px;
	font-weight:bold;
	width:100px;
}
.step1Left dd {
	float:left;
	font-size:14px;
	font-weight:bold;
	width:200px;
	margin-bottom:10px;
}
.step1Right {
	float:left;
	width:480px;
	font-size:10px;
	margin-bottom:20px;
}
.step1Left2 {
	float:left;
	width:300px;
	margin-left:60px;
	display:inline;
}
.step1Center2 {
	float:left;
	width:15px;
	margin:60px 30px 0;
}
.step1Right2 {
	float:left;
	width:300px;
}
/*step2*/
.step2Left {
	float:left;
	width:477px;
	margin-bottom:20px;
}
.step2Right {
	float:left;
	width:320px;
	margin-bottom:20px;
}
#aoStep2 table th {
	background-color:#333;
	color:#FFF;
	font-size:10px;
}

#aoStep2 table td {
	background-color:#FFF;
	color:#333;
	font-size:12px;
}
#aoStep2 table td.next {
	background-color:#EEE;
}
.step2Right table {
	width:300px;
	border:1px solid #CCC;
}
/*step3*/
.step3Left {
	float:left;
	width:597px;
	margin-bottom:20px;
}
.step3Right {
	float:left;
	width:200px;
	margin-bottom:20px;
}
/*step4*/
p.step4text {
	margin:-160px 0 0 130px;
}
/*step5*/
.step5text {
	margin-bottom:10px;
}
#aoStep5 .step5text dt {
	font-size:14px;
	font-weight:bold;
	width:100px;
}
#aoStep5 .step5text dd {
	font-size:14px;
	font-weight:bold;
	width:300px;
	margin-bottom:3px;
}

.step5Left2 {
	float:left;
	width:437px;
	display:inline;
}
.step5Right2 {
	float:left;
	width:330px;
	margin-left:20px;
}
#aoStep5 dt {font-weight:bold;}
#aoStep5 dd {font-size:10px;}

/*step6*/
.step6Center {
	margin-left:80px;}

#aoStart .stepText{	background: url(img/bg_start.gif) bottom right no-repeat #F2F2F2;}
#aoStep1 .stepText{	background: url(img/bg_step1.gif) bottom right no-repeat #F2F2F2;}
#aoStep2 .stepText{	background: url(img/bg_step2.gif) bottom right no-repeat #F2F2F2;}
#aoStep3 .stepText{	background: url(img/bg_step3.gif) bottom right no-repeat #F2F2F2;}
#aoStep4 .stepText{	background: url(img/bg_step4.gif) bottom right no-repeat #F2F2F2;}
#aoStep5 .stepText{	background: url(img/bg_step5.gif) bottom right no-repeat #F2F2F2;}
#aoStep6 .stepText{	background: url(img/bg_step6.gif) bottom right no-repeat #F2F2F2;}

/*ボタン関連*/
.close-box a {
	margin:0 auto;
	text-indent:-9999px;
	width:152px;
	height:38px;
	margin:0 auto;
	display:block;
	background:url(img/btn_close.gif) top center no-repeat;
}
.close-box a:hover {
	background:url(img/btn_close.gif) bottom center no-repeat;
}
.pagetop a{
	text-indent:-9999px;
	width:132px;
	height:38px;
	float:right;
	display:block;
	background:url(img/btn_top.gif) top center no-repeat;
}
.pagetop a:hover {
	background:url(img/btn_top.gif) bottom center no-repeat;
}
/*-----------------------------------フッター*/
#footerback {
	width:auto;
	background-color:#333;
	margin:0;
}
#footer {
	width:900px;
	margin:0 auto;
	padding:10px 0 20px;
	color:#FFF;
}
#footer #footerLinkBox {
	background:url(img/footer_logo.gif) no-repeat 20px 10px;
	padding:10px 0 10px 80px;
}
#footer #footerLinkBox p{
	color:#FFF;
	text-align:left;
}
#footer #footerLinkBox a{
	color:#FF0;
}
#footer #footerLinkBox a:hover{
	color:#FFF;
}