@charset "utf-8";
/*----------------------------------------------------
creation date 2013.4
http://www.sevenbank.co.jp/soukin/
Copyright (C) Seven Bank,Ltd. All Rights Reserved.
----------------------------------------------------*/

/*------------------------------------
   LP china201301
====================================*/

/* html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
em {
	font-style: normal;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}
img {
	vertical-align: bottom;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}

/*------------------------------------
    base
====================================*/
body {
	font-size:12px;
	font-size:75%\9;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height:1.5;
	color:#333333;
	background:#EEE;
	-webkit-text-size-adjust:none;
}
a:link {
	color:#336699;
	text-decoration:underline;
}
a:hover,
a:active{
	color:#6699CC;
	text-decoration:none;
}
a{
	background:url("/shared/image/ico/ico_arw.gif") no-repeat left center;
	padding-left:13px;
}
a.none{
	padding-left:0;
	background:none;
}
sup {
    font-size: 55%;
    vertical-align: super;
}
.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {zoom:1;}

.br {margin-bottom:1em;}
.left {float:left;}
.right {float:right;}
.align_c {text-align:center;}
.align_r {text-align:right;}


/*------------------------------------
   layout

   01-header
   02-content
   03-section01
   04-section02
   05-section03
   06-section04
   07-contactArea
   08-notesArea
   09-footer_menu
   10-footer

====================================*/

/* 01-header
------------------------------------*/
#headerWrap {
	background:#ffe810;
	border-bottom:2px solid #d6c517;
	padding-bottom:10px;
}
header{
	max-width:900px;
	margin:0 auto;
	text-align:left;
}
header p{
	text-align:center;
	font-size:200%;
	font-weight:bold;
	padding:6px 0 5px;
}
@media (max-width:767px){
header p{
	font-size:140%;
}
}

header form {
	text-align:right;
	font-size:96%;
}
header form label {
    margin-right: 5px;
}
header form select {
    vertical-align:middle;
}

/* 02-content
------------------------------------*/
#contentWrap {
	max-width:900px;
	background:#eeeeee;
	margin:0 auto;
}

@media (max-width:767px){
#contentWrap{
	width:100%;
	margin:0 auto;
}
}
#content {
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
	text-align:left;
	background:#FFF;
}
@media (max-width:767px){
#content{
	width:100%;
	margin:0 auto;
}
}
#content #mainVisual {
	position:relative;
	width:100%;
	margin-bottom:20px;
}
#content #mainVisual img{
	width:100%;
	max-width:100%;
	height:auto;
}
#content #mainVisual h2{
	border-bottom:#f6ea1a 9px solid;
	
	background: #fffbe5;

	padding:0 30px 30px;
	font-size:160%;
	font-weight:bold;
}
@media (max-width:767px){
#content #mainVisual h2{
	font-size:100%;
	padding:0 10px 30px;
}
}
#content #mainVisual #social {
		position:absolute;
		width:205px;
		height:40px;
		bottom:9px;
		_bottom:8px;
		right:5px;
}
#content #mainVisual #social ul {
	padding-top:12px;
	text-align:center;
	margin:0 auto;
}
#content #mainVisual #social ul li {
	display:inline;
	zoom:1;
}
#content #contentInner {
	width:100%;
}
#content #contentInner .colArea:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;	
}
#content #contentInner .colArea {
	width:100%;
}

#content #contentInner .colArea .colBoxL {
	width:50%;
	float:left;
}
@media (max-width:767px){
#content #contentInner .colArea .colBoxL {
	width:100%;
}
}
#content #contentInner .colArea .colBoxR {
	width:50%;
	float:right;
}
@media (max-width:767px){
#content #contentInner .colArea .colBoxR {
	width:100%;
}
}
#content #contentInner section h3{
	border-top:3px solid #cb0003;
	border-bottom:1px dotted #cb0003;
	padding:8px 5px;
	font-size:134%;
	font-weight:bold;
	color:#cb0003;
	margin:0 10px 10px;
}

/* 03-section01
------------------------------------*/
#content #contentInner #section01{
	padding:0 10px 10px 15px;
	margin-bottom:10px;
}
#content #contentInner #section01 dl{
	margin-bottom:5px;
}
#content #contentInner #section01 dt{
	float:left;
}
#content #contentInner #section01 dd{
	padding:10px 5px 0 98px;
}

/* 04-section02
------------------------------------*/
#content #contentInner #section02{
	padding:0 10px 10px 15px;
}
#content #contentInner #section02 dt{
	font-size:120%;
	font-weight:bold;
	padding-bottom:5px;
}
#content #contentInner #section02 dd{
	padding-bottom:20px;	
}

/* 05-section03
------------------------------------*/
#content #contentInner #section03{
	padding:0 10px 10px;
}
#content #contentInner #section03 table{
	width:100%;
	border:1px solid #999999;
}
#content #contentInner #section03 table th{
	padding:10px 5px;
	background:#ffa200;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}
#content #contentInner #section03 table td{
	padding:10px 5px;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

/* 06-section04
------------------------------------*/
#content #contentInner #section04{
	padding:0 10px 10px;
	margin-bottom:10px;
}
#content #contentInner #section04 li{
	background:url(../image/china201301/img_step_arrow.gif) no-repeat 50% 100%;
	padding-bottom:25px;
	margin-bottom:8px;
}

#content #contentInner #section04 div{
	background:#fffcd7;
}
#content #contentInner #section04 .img_step{
	float:left;
}
#content #contentInner #section04 .txt_step{
	padding:10px 10px 10px 40px;
}
#content #contentInner #section04 .txt_step p{
	margin:10px 0;
}
#content #contentInner #section04 .txt_step img{
	width:216px;
	max-width:100%;
	height:auto;
	}
#content #contentInner #section04 li.step_last{
	background:none;
	padding-bottom:0;
	margin-bottom:0;
}

/* 07-contactArea
------------------------------------*/
#content #contentInner #contactArea #apply{
	margin:0 100px 10px;
	text-align:center;
	padding:20px 40px;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
	border:2px solid #ffffff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	box-shadow:0 0 2px #333333;
	-moz-box-shadow:0 0 2px #333333;
	-webkit-box-shadow:0 0 2px #333333;

	background: #028e42; /* Old browsers */
	background: -moz-linear-gradient(top,  #028e42 0%, #108b48 50%, #007032 50%, #028e42 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#028e42), color-stop(50%,#108b48), color-stop(50%,#007032), color-stop(100%,#028e42)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #028e42 0%,#108b48 50%,#007032 50%,#028e42 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #028e42 0%,#108b48 50%,#007032 50%,#028e42 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #028e42 0%,#108b48 50%,#007032 50%,#028e42 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #028e42 0%,#108b48 50%,#007032 50%,#028e42 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#028e42', endColorstr='#028e42',GradientType=0 ); /* IE6-9 */
}
@media (max-width:767px){
#content #contentInner #contactArea #apply{
	margin:0 20px 10px;
	font-size:100%;
	padding:20px 15px;
}
}
#content #contentInner #contactArea #apply a{
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
}
#content #contentInner div#contact{
	padding:10px 20px 13px;
	margin:20px 100px 10px;
	border:1px solid #d7d7d7;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow:inset 1px 1px 4px 1px #e7e7e7;
	-moz-box-shadow:inset 1px 1px 4px 1px #e7e7e7;
        box-shadow:inset 1px 1px 4px 1px #e7e7e7;
}
@media (max-width:767px){
#content #contentInner div#contact{
	margin:20px 10px 10px;
	padding:10px 12px 4px;
}
}

#content #contentInner div#contact dt{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	padding:15px 0 2px;
	color:#CB0003;
}
@media (max-width:520px){
#content #contentInner div#contact dt{
	font-size:128%;
	font-weight:bold;
	text-align:left;
	padding:5px 0 2px;
}
}

#content #contentInner div#contact dt .s_txt{
	font-size:80%;
	font-weight:bold;
	text-align:center;
	color:#333333;
}

@media (max-width:520px){
#content #contentInner div#contact dt .s_txt{
	font-size:80%;
	text-align:left;
}
}

#content #contentInner div#contact dd dl{
	margin-bottom:10px;
}

#content #contentInner div#contact dd dl dt{
	font-size:200%;
	font-weight:bold;
	text-align:center;
	padding:6px 0 0;
	color:#333333;
}

@media (max-width:520px){
#content #contentInner div#contact dd dl dt{
	font-size:196%;
	font-weight:bold;
	text-align:left;
}
}

#content #contentInner div#contact dd dl dt a.number {
	color: #333333;
	cursor: default;
	text-decoration: none;
}

#content #contentInner div#contact dd dl dt .s_box{
	font-size:50%;
	background:#b0b0b0;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:6px;
	margin-right:6px;
}

@media (max-width:520px){
#content #contentInner div#contact dd dl dt .s_box{
	text-align:left;
	margin-bottom:2px;
	display:block;
}
}

#content #contentInner div#contact dd dl dd{
	text-align:center;
	padding-top:5px;
}

@media (max-width:520px){
#content #contentInner div#contact dd dl dd{
	text-align:left;
	padding-top:0;
}
}

/* 08-notesArea
------------------------------------*/
#content #contentInner #notesArea{
	font-size:77%;
	margin:20px;
}
#content #contentInner #notesArea .list_Num{
	margin-bottom:15px;
}
#content #contentInner #notesArea .list_Num li{
	padding-bottom:5px;
	padding-left:2em;
	text-indent:-2em;
}
#content #contentInner #notesArea .list_em li{
	padding-bottom:5px;
	padding-left:1em;
	text-indent:-1em;
}

/* 09-footer_menu
------------------------------------*/
#content #contentInner #footer_menu {
	text-align:right;
	font-size:100%;
	margin-right:10px;
}
#content #contentInner #footer_menu li{
	padding-bottom:8px;
}

/* 10-footer
------------------------------------*/
#footerWrap {
	width:100%;	
	text-align:center;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #3d3d3d 6%, #666666 41%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(6%,#3d3d3d), color-stop(41%,#666666), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#3d3d3d 6%,#666666 41%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#3d3d3d 6%,#666666 41%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#3d3d3d 6%,#666666 41%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#3d3d3d 6%,#666666 41%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}
#footer {
	width:100%;
	margin:0 auto;
	text-align:left;
	font-size:77%;
	color:#FFF;
}
#footer p {
	padding:15px 10px 20px 0;
	text-align:right;
}