/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
@import url("nav.css");
@import url("boxset.css");

/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}
#wrapper {
	width: 100%;
}

/* ------ Header ------ */

#tagline {
	background-color:#fb79b9;
}
#tagline p {
	width: 920px;
	margin: 0 auto;
	padding:4px 0 2px;
	line-height:140%;
	font-size:11px;
	color:#FFFFFF;
}
#header {
	width: 100%;
	position:relative;
}
#header_inner {
	width: 920px;
	height:76px;
	margin: 0 auto;
	padding:0;
	position:relative;
}
#logo {
	width: 350px;
	position:absolute;
	left:0px;
	top:6px;
	/*z-index:999;*/
}
#logo a {
	display:block;
}
#logo img {}

#bread_crumb {
	background-color:#f8f8f8;
	border-bottom:1px #ebebeb solid;
}
#bread_crumb ul {
	width:920px;
	margin:0 auto;
}
#bread_crumb ul li {
	display:inline-block;
	font-size:10px;;
	line-height: 160%;
}
#bread_crumb ul li a {
	padding:0 14px 0 0;
	background:url(../images/bread_crumb_icon.png) no-repeat right center;
}

/* ------ Mainvisual ------ */

#mainvisual {
	width: 100%;
	overflow: hidden;
}

#mainvisual .img {
	width: 1220px;		/* 画像の幅 */
	margin-left: -610px;	/* -(画像の幅÷2) */
	padding-left: 50%;
}

/* ------ Contents ------ */

#contents_body {
	width:100%;
}
#contents {
	width: 920px;
	margin: 0 auto 40px;
	padding:30px 0 0;
}
#full-column {
	width: 100%;
	clear:both;
}
#left_column {
	width:665px;
	float:left;
	margin-right:20px;
	padding-bottom:15px;
}
#right_column {
	width:235px;
	float:left;
	padding-bottom:15px;
}

.title_lv1 {
	margin:0;
	padding:10px 0 0;
	position: relative;
}
.title_lv1 h1 {
	margin:0;
	padding:2px 10px 2px 35px;
	font-size: 24px;
	font-weight:bold;
	line-height: 140%;
	border:2px #fff solid;
	border-radius:8px;
	color: #2fa1d2;
	background:url(../images/h1_bg.png) repeat left top;
}
.title_lv1 h1:before {
	content: " ";
	position:absolute;
	top:12px;
	left:-10px;
	background: url(../images/h1_icon.png) no-repeat left center;
	display: block;
	height: 40px;
	width: 40px;
}
.title_lv2 {
	margin:5px 5px 10px;
	padding:8px 10px 6px;
	border-radius:8px;
	background-color:#fdf7d8;
}
.title_lv2 h2 {
	padding:0 0 0 8px;
	font-size: 18px;
	font-weight:bold;
	color:#2fa1d2;
	line-height: 130%;
	border-left:4px #f165aa solid;
}
.title_lv2 h2 span {
	font-size: 65%;
}
.title_lv3 {
	margin:0 0 8px;
	padding:0;
	font-size: 16px;
	line-height: 140%;
	font-weight:bold;
	color:#2fa1d2;
}
h4 { color:#f165aa; }
.btxt {
	font-size:18px;
	padding-bottom:10px;
	line-height: 130%;
}
.page_link a {
	padding:3px 0 2px 19px;
	background:url(../images/p01.png) no-repeat left 2px;
}
.link_btn {
	margin-top:5px;
}
.link_btn a {
	padding:4px 15px 2px;
	background-color:#213e84;
	display:inline-block;
	font-size:13px;
	color:#fff !important;
	text-decoration: none !important;
}
.link_btn a:hover {
	background-color:#0054ab;
}


.manual_flow dl dt {
	width:20%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	font-weight:bold;
	background-color:#fb844a;
	position: relative;
}
.manual_flow dl:not(:last-child) dt:after {
	content:"";
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left:-20px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 15px solid #fb844a;
}

/* よくある質問 */
.faq_box {}
.shadeGroup {
	padding-bottom:0px;
	margin-bottom:10px;
}
h3.shadeBtn {
	font-weight:normal;
}
.shadeContents{
	padding:10px 10px 10px 55px;
	background:url(../images/icon_a.png) no-repeat 10px 8px;
	background-size:32px 30ox;
	background-color:#fef5f9;
}
.shadeOpen .shadeBtn,
.shadeClose .shadeBtn,
.shadeOpen .shadeContents,
.shadeClose .shadeContents{
	
}
.shadeOpen .shadeBtn,
.shadeClose .shadeBtn{
	cursor:pointer;
	background:url(../images/icon_q.png) no-repeat 10px 8px;
	background-size:32px 30ox;
	background-color:#e9f8fd;
	padding:10px 10px 10px 55px;
}
.shadeOpen .shadeBtn a,
.shadeClose .shadeBtn a{
	color:#198dbf;
	background:url(../images/faq_btn.png) no-repeat right center;
	background-size:70px;
	padding-right:80px;
	display:block;
}
.shadeClose .shadeBtn a{
	background:url(../images/faq_btn_cl.png) no-repeat right center;
}

ul.model_list {}
ul.model_list li {
	padding:5px 0;
	border-bottom:1px #f165aa dotted;
}
ul.sitemap_list {}
ul.sitemap_list li {
	padding:5px 0;
	border-bottom:1px #f165aa dotted;
}
ul.question_list {}
ul.question_list li {
	font-size:16px;
	color: #4aa0d1;
	padding:5px 0;
	border-bottom:1px #f165aa dotted;
}
ul.anchor_btn {}
ul.anchor_btn li {
	padding: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:12px;
	display: inline-block;
	/*-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2) inset;
	border-bottom: solid 1px #fff;*/
}
ul.anchor_btn li a {
	display: inline-block;
	padding:0 10px;
	/*height: 40px;
	border-bottom: solid 1px #800;*/
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	-webkit-text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #fff;
	text-decoration: none;
	/*background: url(../images/bg_gradient.png) repeat-x #c00;*/
	background: -moz-linear-gradient(top, #4bb9d0, #3b9dc0);
	background: -webkit-gradient(linear, left top, left bottom, from(#4bb9d0), to(#3b9dc0));
	background: -webkit-linear-gradient(top, #4bb9d0, #3b9dc0);
	background: linear-gradient(to bottom, #4bb9d0, #3b9dc0);
}

.list_style01 {
	margin-left:20px;
}
.list_style01 li {
	list-style:disc;
}

/* テーブルちっく */
.tb_style01 {
	border-top:1px #d0e8f2 solid;
}
.tb_style01 dl {
	width:100%;
	display:table;
	border-right:1px #d0e8f2 solid;
}
.tb_style01 dl dt {
	width:25%;
	padding:10px;
	display:table-cell;
	border-left:1px #d0e8f2 solid;
	border-bottom:1px #d0e8f2 solid;
	background-color:#eaf8fb;
}
.tb_style01 dl dd {
	padding:10px;
	display:table-cell;
	border-left:1px #d0e8f2 solid;
	border-bottom:1px #d0e8f2 solid;
}

.req {
	margin-left:10px;
	padding:4px 8px 3px;
	display:inline-block;
	background-color:#CC0000;
	color:#FFFFFF;
	font-size:70%;
	line-height:110%;
	vertical-align:top;
}

/* プライバシーポリシー */
ul.privacy_list {
	margin-left:0.6em;
}
ul.privacy_list li {
	text-indent:-1.4em;
	margin-left:1.0em;
	margin-top:3px;
}
/* サイトポリシー */
.kiyaku_list p {
	text-indent:-2.7em;
	margin-left:2.5em;
	margin-bottom:4px;
	font-size:14px;
}

.pdf_icon {
	background:url(../images/icon_pdf.png) no-repeat right center;
	padding-right:24px;
}

/* ------ Side ------ */

#side_nav {
	margin-bottom:20px;
}
#side_nav .title {
	padding:10px;
	font-size:16px;
	text-align:center;
	background-color:#e3e3e3;
}
#side_nav ul {}
#side_nav ul li {
	border-top:1px #999999 dotted;
	background-color:#f2f2f0;
}
#side_nav ul li a {
	display:block;
	padding:8px 10px;
	font-size:12px;
	/*
	-moz-transition-property: all;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: linear;
  -webkit-transition: all 0.2s linear 0;
	*/
}
#side_nav ul li ul li a {
	padding:3px 10px 3px 20px;
}
#side_nav ul li a:hover,
#side_nav ul li a.now {
	background-color:#e3e3e3;
}

#side_pickup {
	margin-bottom:20px;
}
#side_pickup ul {
	padding-top:4px;
	box-shadow:0 0 3px #AAA;
}
#side_pickup ul li {
	padding:0 4px 4px;
}
#side_pickup ul li a {
	display:block;
}

.side_banner {}
.side_banner p {
	padding-bottom:10px;
}

/* ------ Footer ------ */

footer {
	width: 100%;
	background-color:#fb79b9;
}
#footer {
	width:920px;
	margin: 0 auto;
	padding:20px 0;
	position:relative;
}

#footer_inner {
	padding:20px 0 30px;
}
#footer_inner p.copy {
	color:#f6daea;
	text-align:center;
	font-size:12px;
}

#page_top p {
	position: absolute;
	right: 0px;
	top:-34px;
	text-align:right;
}
#page_top a {
	display: block;
}

a.exsite {
	padding: 0 18px 0 0;
  background: url(/images/blank-icon.png) no-repeat right 60%;
}

@media screen and (min-width: 801px) {}

/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 800px) {

	#header_inner {
		width: 100%;
		height:62px;
	}
	#tagline {
		padding:0 10px;
	}
	#tagline p {
		width:100%;
	}
	#logo {
		width: 310px;
		left:5px;
		top:4px;
	}
	#logo a {}
	
	#bread_crumb {
		padding:0 15px;
	}
	#bread_crumb ul {
		width:100%;
	}

	#mainvisual .img {
		width: 100%;		/* 画像の幅÷980 */
		margin-left: -50%;	/* -(画像の幅÷980÷2) */
	}
	
	#contents {
		width: 100%;
		padding-left:10px;
		padding-right:10px;
		-moz-box-sizing:border-box;
		webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#left_column {
		width:100%;
		padding-right:0px;
		float:none;
	}
	#right_column {
		width:100%;
		padding-right:0px;
		float:none;
	}
		
	footer {}
	#footer {
		width:100%;
		margin:0px;
	}
	#footer_inner {
		width:100%;
		padding:10px 10px 0;
		-moz-box-sizing:border-box;
		webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	#page_top p {
		width:150px;
		top:-31px;
	}

}
@media screen and (min-width: 601px) {}
@media screen and (min-width: 601px) and (max-width: 800px) {
	#side_pickup ul li {
		float:left;
		width:50%;
		box-sizing:border-box;
	}
	.side_banner p {
		float:left;
		width:50%;
		padding:0 5px;
		box-sizing:border-box;
	}
}


/*-----------------------------------------------------	*/
/*	for - 600px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 600px) {
	#tagline {}
	#tagline p {
		height:3px;
		text-indent:-9999px;
	}
	#header_inner {
		/*height:90px;*/
	}
	#logo {
		width: 170px;
		top:6px;
	}
	#logo a {}
	
	#bread_crumb {
		padding:0 10px;
	}
	
	#mainvisual .img {
		width: 130%;		/* 画像の幅÷980 */
		margin-left: -65%;	/* -(画像の幅÷980÷2) */
	}
	
	#contents {
		padding:15px 7px 0;
	}
	.title_lv1 img { max-height:30px; }
	.title_lv2 {}
	.title_lv3 {}
	
	dl.news_list dt {
		float: none;
		width:100%;;
	}
	dl.news_list dd {
		padding-left:0em;
	}
	
	dl.form_tb dt {
		clear: left;
		float: none;
		width: 100%;
	}
	dl.form_tb dd {
		margin-left: 0%;
	}
	dl.form_tb dt .th {}
	dl.form_tb dd .td {
		border-left: 0px solid #cccccc;
	}
	
	#side_contact .side_col .box {
		display:block;
	}
	#side_contact .side_col .box:first-child {
		border-right:1px #ccc solid;
	}
	#footer {
		padding-top:0;
	}

}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
	
	#header_inner {}
	#logo {}
	#logo img {}
	
	#contents {
		line-height: 150%;
		font-size:12px;
	}
	.btn {
		width: auto;
	}
	.btn a {
		width: auto;
	}
	.title_lv1 {}
	.title_lv2 {}
	#footer_inner p.copy {
		font-size:10px;
	}
	
	.request_info_box ul,
	.request_info_box ul li {
		display:block;
	}
	
	.img180 img {
		width:120px;
	}
	
	.sp_hide { display:none; }
		
}

@media screen and (max-width: 399px) {

}