@charset "UTF-8";

/*================================================
*
*	Layout Style Sheet
*	Version: 05 Mar 2010
*
*	1.Root Column
*	2.見出し・テキスト・フォント スタイル
*	3.Flow Navigation
*	4.Column Style
*	5.STEP 01
*	6.STEP 02
*	7.Step 03 - Step 05
*	8.Red-Column
*
=================================================*/


/*------------------------------------------------
	1.Root Column
-------------------------------------------------*/
#content-inner {
	width: 800px;
	margin: 0 0 0 50px;
	text-align: left;
}



/*------------------------------------------------
	2.見出し・テキスト・フォント スタイル
-------------------------------------------------*/
.column h4 {
	margin: 0 0 7px 0;
}
.column h5 {
	margin: 0 0 7px 0;
}
.column p {
	margin: 0 0 0 5px;
	line-height: 1.6;
}
p.come {
	font-weight: bold;
	color: #f00;
}



/*------------------------------------------------
	3.Flow Navigation
-------------------------------------------------*/
.frame {
	position: absolute;
	left: -13px;
	top: -17px;
	width: 216px;
	height: 184px;
	background: url(../../common/images/flower_frame_yellow.png);
}

/* | Step-Wraper | */
div#flow .column-header {
	height: 10px;
	padding: 0;
	background: url(../images/column_header_flow.png) no-repeat;
}
div#flow .column-content {
	padding: 15px 50px 18px 50px;
	background: url(../images/column_footer_flow.png) no-repeat left bottom;
}
#flow h2 {
	margin: 0 0 7px 0;
}
#flow h3 {
	margin: 0 0 10px 0;
}
#flow ol {
	width: 700px;
	font-size: 10px;
}
ol#steps {
	height: 92px;
	list-style: noen;
	margin: 0;
}
ol#steps li {
	list-style: none;
	display: inline; /* for Win IE */
}
ol#steps li a {
	display: block;
	float: left;
	width: 140px;
	height: 92px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
/*\*//*/
	overflow: visible;
/**/
}

ol#steps,
ol#steps a { background: transparent url(../images/flow.png) no-repeat; }

ol#steps li.step01 a { background-position: 0 0; }
ol#steps li.step02 a { background-position: -140px 0; }
ol#steps li.step03 a { background-position: -280px 0; }
ol#steps li.step04 a { background-position: -420px 0; }
ol#steps li.step05 a { background-position: -560px 0; }

ol#steps li.step01 a:hover { background-position: 0 -92px; }
ol#steps li.step02 a:hover { background-position: -140px -92px; }
ol#steps li.step03 a:hover { background-position: -280px -92px; }
ol#steps li.step04 a:hover { background-position: -420px -92px; }
ol#steps li.step05 a:hover { background-position: -560px -92px; }

/* | Step-Text | */
ol#step-info li {
	float: left;
	width: 115px;
	margin: 5px 10px 0 15px;
	line-height: 1.3;
}



/*------------------------------------------------
	4.Column Style
-------------------------------------------------*/
.section {
	margin: 0 0 30px 0;
}

.column {
	position: relative;
	margin: 0 0 30px 0;
	line-height: 1.5;
}
.column:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.column { display: inline-block; }

/* Hides from IE-mac \*/
* html .column { height: 1%; }
.column { display: block; }
/* End hide from IE-mac */



.column-header {
	margin: 0;
	padding: 43px 0 17px 50px;
}
div#step01 .column-header {
	background: url(../images/bg_step01.png) no-repeat;
}
div#step02 .column-header {
	background: url(../images/bg_step02.png) no-repeat;
}
div#step03 .column-header {
	background: url(../images/bg_step03.png) no-repeat;
}
div#step04 .column-header {
	background: url(../images/bg_step04.png) no-repeat;
}
div#step05 .column-header {
	background: url(../images/bg_step05.png) no-repeat;
}

.column-content {
	padding: 0 50px 15px 50px;
	background: url(../images/column_body_orange.png);
}
.column-footer {
	position: relative;
	height: 33px;
	background: url(../images/column_footer_orange.png) no-repeat;
}
.column-footer p {
	margin: 0;
	font-size: 85%;
}

/* | PageToTop Button | */
div.column-footer p a {
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	width: 166px;
	height: 28px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/toTop_orange.gif) no-repeat;
	overflow: hidden;
/*\*//*/
	overflow: visible;
/**/
}
div.column-footer p a:hover { background-position: 0 -28px; }



/*------------------------------------------------
	5.STEP 01
-------------------------------------------------*/
/* | PDF-Download-Wrap | */
div.shiryou {
	position: relative;
	float: left;
	width: 338px;
	border: 1px solid #fac800;
	min-height: 200px;
	height: auto !important;
	height: 200px;
/*\*//*/
	height: 200px !important;
/**/
}
div#teien-pdf {
	margin: 0 20px 20px 0;
	background: url(../images/bg_teien.jpg) no-repeat left bottom;
}
div#buppan-pdf {
	margin: 0 0 20px 0;
	background: url(../images/bg_buppan.jpg) no-repeat left bottom;
}
div#display-pdf {
	margin: 0 20px 20px 0;
	background: url(../images/bg_display.jpg) no-repeat left bottom;
}
div#container-pdf {
	margin: 0 0 20px 0;
	background: url(../images/bg_container.jpg) no-repeat left bottom;
}
div#arrangement-pdf {
	margin: 0 20px 20px 0;
	background: url(../images/bg_arrangement.jpg) no-repeat left bottom;
}
div#shiryo-image {
	width: 340px;
	border: none;
	background: url(../images/image_shiryou.jpg) no-repeat left bottom;
}

div.shiryou dl {
	margin: 10px 0 0 15px;
	line-height: 1.3;
}
div.shiryou dt {
	margin: 0 0 0 0;
}
div.shiryou dd {
	margin: 0 0 5px 0;
}
div.shiryou p.due-date {
	margin: 0 0 0 18px;
	line-height: 1.3;
	font-weight: bold;
	font-size: 108%;
	color: #F00;
}
/*div.shiryou p a リンクがある時*/
div.shiryou p.btn-off {
	display: block;
	position: absolute;
	top: 133px;
	left: 15px;
	width: 189px;
	height: 52px;
	margin-left: 0;
	/*text-indent: -9999px;*/
	text-decoration: none;
	overflow: hidden;
/*\*//*/
	overflow: visible;
/**/
}

div#teien-pdf p a {
	background: url(../images/btn_shizai.gif) no-repeat;
}
div#buppan-pdf p a {
	background: url(../images/btn_buppan.gif) no-repeat;
}
div#display-pdf p a {
	background: url(../images/btn_display.gif) no-repeat;
}
div#container-pdf p a {
	background: url(../images/btn_container.gif) no-repeat;
}
div#arrangement-pdf p a {
	background: url(../images/btn_arrangement.gif) no-repeat;
}
div#teien-pdf p a:hover,
div#buppan-pdf p a:hover,
div#display-pdf p a:hover,
div#container-pdf p a:hover,
div#arrangement-pdf p a:hover {
	background-position: 0 -52px;
}
/* | _blank-iconの削除 | */
div.shiryou p a[target="_blank"],
div#get-reader dt a[target="_blank"] {
	padding-right: 0;
	padding-bottom: 0;
	background: none;
}

/* | Adobe Reader | */
div#get-reader {
	clear: left;
	width: 100%; /* for Win IE */
	/*padding-top: 10px;*/
}
div#get-reader dt {
	float: left;
	width: 130px;
	
}
div#get-reader dd {
	float: left;
	width: 570px;
	
	line-height: 1.5;
	font-size: 85%;
}
div#get-reader dd strong {
	font-size: 12px;
}

/* | 郵送依頼 | */
div#mailing-form p.btn-off {
	margin-top: 10px;
	display: block;
	width: 276px;
	height: 36px;
	/*text-indent: -9999px;*/
	text-decoration: none;
	background: url(../images/btn_mailing.gif) no-repeat;
	overflow: hidden;
/*\*//*/
	overflow: visible;
/**/
}
div#mailing-form p a:hover {
	background-position: 0 -36px;
}



/*------------------------------------------------
	6.STEP 02
-------------------------------------------------*/
div#step02 p.come {
	margin: 10px 0 0 5px;
}

/* | WEBから | */
div#web {
	margin: 0 0 20px 0;
	border: 1px solid #fac800;
	background: #fcffe6 url(../images/bg_web.gif) no-repeat left bottom;
	text-align: center;
}
div#web p {
	margin: 0 0 0 0;
}
div#web p.due-date {
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #F00;
}


div#web form p {
	margin: 10px 0 30px 0;
}
div#web select {
	width: 400px;
}
div#web button {
	border: 0px solid #fff;
	background-color: transparent;
	width: 350px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/* | 郵送から | */
#step02 div.mailing {
	margin: 5px 0 20px 0;
}
div.mailing {
	margin: 0 0 20px 0;
	border: 1px solid #fac800;
	background: #f5fdff url(../images/bg_mailing.gif) no-repeat left bottom;
}

/* | FAXから | */
div.fax {
	margin: 0 0 20px 0;
	border: 1px solid #fac800;
	background: #fffafa url(../images/bg_fax.gif) no-repeat left bottom;
}
div#web h4,
div.mailing h4,
div.fax h4,
div#inquiry h4 {
	text-align: left;
	margin: 9px 0 9px 14px;
}
div.mailing p,
div.fax p,
div#inquiry p {
	margin: 0 20px 30px 20px;
}



/*------------------------------------------------
	7.Step 03 - Step 05
-------------------------------------------------*/
#step03 .section,
#step04 .section,
#step05 .section {
	margin-bottom: 20px;
}
#step03 .section p,
#step04 .section p,
#step05 .section p {
	margin-bottom: 10px;
}
div#inquiry {
	margin: 0 0 20px 0;
	border: 1px solid #fac800;
	background: #fcffe6;
}
#step05 {
	height: 100%; /* for Win IE */
}



/*------------------------------------------------
	8.Red-Column
-------------------------------------------------*/
div#end {
	padding-top: 10px;
}

.red-column-header {
	height: 10px;
	padding: 0;
	background: url(../images/column_header_red.png) no-repeat;
}
.red-column-content {
	padding: 15px 50px 24px 50px;
	background: url(../images/column_footer_red.png) no-repeat left bottom;
}