@charset "UTF-8";
/* ************************************************
					All Pages CSS
   ************************************************ */



/* ************ Tag Dilect ************ */

html{
/*
	scrollbar-base-color: #E3DBBF;
	scrollbar-track-color: #F4F0E5;
	scrollbar-face-color: #E3DBBF;
	scrollbar-shadow-color: #E3DBBF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #E3DBBF;
	scrollbar-3dlight-color: #E3DBBF;
	scrollbar-arrow-color: #FFFFFF;
*/
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
}

body{
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 14px;
	line-height: 1.5em;
	color: #444;
	text-align: justify;
	text-justify: inter-ideograph;
	font-family: "Noto Sans",Helvetica,Arial,Courier,Meiryo,osaka,monospace;
}
a{
	text-decoration: none;
	color: #2E3192;
	-webkit-transition:color 0.5s linear;
	-moz-transition:color 0.5s linear;
	-o-transition:color 0.5s linear;
	transition:color 0.5s linear;
}

a:hover{
	text-decoration: underline;
	color: #4E71B2;
	-webkit-transition:color 0.1s linear;
	-moz-transition:color 0.1s linear;
	-o-transition:color 0.1s linear;
	transition:color 0.1s linear;
}

a:hover img, input[type="image"]:hover{
	filter: Alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
}

a img, input[type="image"]{
	filter:;
	opacity: 1;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
}

img{
	border: 0px;
}

form{
	margin: 0px;
	padding: 0px;
}

input,textarea{
	font-family: "Noto Sans",Helvetica,Arial,Courier,Meiryo,osaka,monospace;
}
select{
	font-family: "Noto Sans",Helvetica,Arial,Courier,Meiryo,osaka,monospace;
}

input[type="checkbox"],
input[type="radio"]{
	vertical-align: middle;
}

big{
	font-size: 150%;
	line-height: 1.5em;
}



button.gray,
button.blue{
	position: relative;
	width: 260px;
	height: 50px;
	padding: 0px 0px 0px 20px;
	color: #FFF;
	font-family: "Noto Sans",Helvetica,Arial,Courier,Meiryo,osaka,monospace;
	font-size: 30px;
	line-height: 1.2em;
	border: 0px;
	cursor: pointer;
	border-radius: 5px;
	behavior: url(/css/PIE.htc);
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	vertical-align: middle;
}
button.gray{
	background: url(../img/common/button_left_gray.png) no-repeat left center #D1CEED;
	color: #7069bf;
}
button.blue{
	background: url(../img/common/button_left.png) no-repeat left center #A49DDC;
}

button.gray:hover,
button.blue:hover{
	opacity: 0.7;
	filter: Alpha(opacity=70);
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
}
button.gray.ft15,
button.blue.ft15{
	font-size: 18px;
	line-height: 1.2em;
}
button.gray.small,
button.blue.small{
	font-size: 14px;
	line-height: 1.2em;
}

button.gray.mini,
button.blue.mini{
	width: 140px;
	height: 40px;
	padding: 2px 0px 0px 20px;
}



/* ******* Common font-color ****** */

.tx_black1{
	color: #000000;
}

.tx_white{
	color: #FFF;
}
.tx_white:hover{
	color: #FFF;
}

.tx_gray1{
	color: #707070;
}

.tx_gray2{
	color: #C1C1C1;
}


.tx_red1{
	color: #FF0033;
}

/*追加*/
.tx_red2{
	color: #d20000;
}

.tx_pink1{
	color: #F19EB3;
}

.tx_blue1{
	color: #003CA0;
}

.tx_brown{
	color: #C6AC7E;
}

.tx_navy{
	color: #00235F;
}

.tx_gray{
	color: #999;
}




/* ************ Common css ************ */


.v_top{
	vertical-align: top;
}
.v_center{
	vertical-align: middle;
}

.v_down{
	vertical-align: -2px;
}

.font0{
	font-size: 0px;
}

.font10{
	font-size: 10px;
}

.font14{
	font-size: 14px;
}

.bold{
	font-weight:bold;
}

.jidume1{
	letter-spacing: -1px;
	white-space: nowrap;
}
.jidume2{
	letter-spacing: -2px;
	white-space: nowrap;
}
.jidume3{
	letter-spacing: -3px;
	white-space: nowrap;
}

.tx_space1{
	letter-spacing: 1px;
}

.tx_space2{
	letter-spacing: 2px;
}

.tx_space3{
	letter-spacing: 3px;
}

.tx_space4{
	letter-spacing: 4px;
}

.m0{
	margin: 0px !important;
}
.m_top5,mt5{
	vertical-align: top;
	margin-top: 5px !important;
}

.m_top10,mt10{
	vertical-align: top;
	margin-top: 10px !important;
}

.m_top15,mt15{
	vertical-align: top;
	margin-top: 15px !important;
}
.m_top20,mt20{
	vertical-align: top;
	margin-top: 20px !important;
}
.m_top25,mt25{
	vertical-align: top;
	margin-top: 25px !important;
}
.m_top30,mt30{
	vertical-align: top;
	margin-top: 30px !important;
}
.m_top35,mt35{
	vertical-align: top;
	margin-top: 35px !important;
}
.m_top40,mt40{
	vertical-align: top;
	margin-top: 40px !important;
}

.m_bottom5,mb5{
	vertical-align: top;
	margin-bottom: 5px !important;
}

.m_bottom10,mb10{
	vertical-align: top;
	margin-bottom: 10px !important;
}

.m_bottom15,mb15{
	vertical-align: top;
	margin-bottom: 15px !important;
}

.m_bottom20,mb20{
	vertical-align: top;
	margin-bottom: 20px !important;
}
.m_bottom25,mb25{
	vertical-align: top;
	margin-bottom: 25px !important;
}
.m_bottom30,mb30{
	vertical-align: top;
	margin-bottom: 30px !important;
}
.m_bottom35,mb35{
	vertical-align: top;
	margin-bottom: 35px !important;
}
.m_bottom40,mb40{
	vertical-align: top;
	margin-bottom: 40px !important;
}
.ml5{
	margin-left: 5px !important;
}
.ml10{
	margin-left: 10px !important;
}
.ml15{
	margin-left: 15px !important;
}
.ml20{
	margin-left: 20px !important;
}
.ml25{
	margin-left: 25px !important;
}
.mr30{
	margin-left: 30px !important;
}
.mr5{
	margin-right: 5px !important;
}
.mr10{
	margin-right: 10px !important;
}
.mr15{
	margin-right: 15px !important;
}
.mr20{
	margin-right: 20px !important;
}
.mr25{
	margin-right: 25px !important;
}
.mr30{
	margin-right: 30px !important;
}
.mtb5{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.mtb10{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mtb15{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.mtb20{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.mtb25{
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
.mtb30{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.align_l,
.tl{
	text-align: left;
}

.align_r,
.tr{
	text-align: right;
}
.fr{
	float: right;
}
.fl{
	float: left;
}

.img_r{
	float: right;
	margin: 0px 0px 10px 10px;
}
.img_l{
	float: left;
	margin: 0px 10px 10px 0px;
}




.t_c,
.tc{
	text-align: center;
}



.pointer{
	cursor: pointer;
}


.l_indent{
	padding-left: 1em;
	text-indent: -1em;
}

.float_off{
	display: block;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

.w0_inline{
	display: inline-block;
	width: 100%;
	height: 0px;
	overflow: hidden;
}


/* **** cleafix **** */

/*float clear*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    min-height: 1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clear { clear:both; }



/* ************ Header ************ */

.header{
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 90px;
	border-top: 30px solid #52565A;
	border-bottom: 1px solid #8489A7;
}
.header_in{
	width: 1000px;
	margin: auto;
}


.header_links{
	height: 20px;
	margin: 0px;
	padding: 40px 5px 40px 8px;
	text-align: right;
	font-size: 12px;
	line-height: 17px;
}

.header_links a{
	display: inline-block;
	padding: 0px 5px 0px 10px;
	text-decoration: none;
	border-left: 1px solid #A8AAAC;
	color: #A8AAAC;
}
.header_links a:first-child{
	border-left: 0px;
}

.header_links a:hover{
	color: #333;
	text-decoration: none;
}

.header h1{
	position: relative;
	float: left;
	margin: 14px 0px 0px -10px;
	width: 500px;
	height: 100px;
	background: url(../img/common/header_logo.png) no-repeat left top;
	background-size: 40%;
}

.header h1 a{
	display: block;
	background: url(../img/common/header_logo.png) no-repeat left top;
	padding: 0px;
	height: 100px;
	font-weight: normal;
	text-decoration: none;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	background-size: 40%;
}

.header h1 a:hover{
	opacity: 0;
	filter: Alpha(opacity=0);
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
}




/* ************ Pankuzu ************ */

.pankuzu{
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #000;
}
.pankuzu a{
	color: #0071BC;
}
.pankuzu a:hover{
	color: #0071BC;
}



/* ************ Midasi ************ */

.midasi{
	margin: 0px 0px 15px;
	padding: 10px 8px 10px 15px;
	background: url(../img/common/midasi_bg.png) repeat-y left top #F0F0E1;
	font-size: 18px;
	line-height: 25px;
	color: #534741;
}

.midasi2{
	margin: 0px 0px 15px;
	padding: 5px 8px 3px 10px;
	background: #F0F0E1;
	font-size: 15px;
	line-height: 25px;
	color: #534741;
	border-bottom: 1px solid #C1272D;
}
.midasi2.red{
	border-bottom: 1px solid #C1272D;
}
.midasi2.blue{
	border-bottom: 1px solid #0071BC;
}
.midasi2.orange{
	border-bottom: 1px solid #F15A24;
}
.midasi2.green{
	border-bottom: 1px solid #009245;
}
.midasi2.purple{
	border-bottom: 1px solid #93278F;
}
.midasi2.yellow{
	border-bottom: 1px solid #FBB03B;
}





/* ************ Main Contents ************ */

.main{
	width: 1000px;
	padding: 0px;
	margin: 0px auto 40px;
	background: #FFF;
}

.main_image{
	padding: 1px;
	margin: 0px 0px 30px;
	border-bottom: 1px solid #8489A7;
}
.main_image p{
	position: relative;
	margin: 0px;
	background: #F0F0F0;
	padding: 0px;
	text-align: center;
}
.main_image p img{
	position: relative;
	margin: 0px -100px;
}


p.main_words{
	margin: 0px 10px 30px;
}


.main_box{
	margin: 0px 10px 30px;
}
.main_box p{
	margin: 0px 0px 20px;
}
.main_box.waku{
	margin: 0px 0px 30px;
	padding: 9px;
	border: 1px solid #CB9E52;
	background: #FFF;
	border-radius: 6px;
	behavior: url(/css/PIE.htc);
	/behavior:;

}


.main_box p.main_words{
	margin: 0px 10px 30px;
}

.main_box p:last-child,
.main_box p.main_words:last-child{
	margin-bottom: 0px !important;
}

.main_box h5{
	font-size: 13px;
	margin: 20px 10px 5px;
	color: #00235F;
}



.main_box div.main_box{
	margin: 0px 10px 30px;
}









/* ************ Footer ************ */

.pagetop{
	position: fixed;
	bottom: 45px;
	width: 100%;
	height: 1px;
	margin: auto;
	z-index: 5;
}
.pagetop p{
	position: relative;
	width: 1120px;
	margin: auto;
}
.pagetop img{
	position: absolute;
	right: 0px;
	top: -30px;
}
.pagetop a:hover img{
	filter:;
}

.footer1{
	clear: both;
	position: relative;
	z-index: 4;
	margin: 0px;
	padding: 20px 0px;
	background: #dcddde;
}
.footer_in{
	width: 1000px;
	margin: 0px auto;
}
.footer1 h2{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 180px;
	height: 60px;
	background: url(../img/common/icon_contact_on.png) no-repeat left center;
}
.footer1 h2 a{
	display: block;
	height: 24px;
	margin: 0px;
	padding: 18px 0px;
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	background: url(../img/common/icon_contact.png) no-repeat left center;
	color: #52565A;
}
.footer1 h2 a:hover{
	color: #888;
	background: transparent;
	text-decoration: none;
}

.footer1 p{
	margin: 0px;
	padding: 20px 0px;
	font-size: 16px;
}

.page_top{
	z-index: 2;
	width: 60px;
	height: 60px;
	margin: 0px;
	float: right;
}
.page_top a img{
	vertical-align: top;
	position: relative;
}

.footer2{
	background: #52565A;
	padding: 20px 0px 10px;
	color: #FFF;
	text-align: center;
}


.footer_links{
	height: 20px;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	line-height: 1.3em;
}

.footer_links a{
	display: inline-block;
	padding: 0px 5px 0px 10px;
	text-decoration: none;
	border-left: 1px solid #CCC;
	color: #FFF;
	-webkit-transition:color 0.5s linear;
	-moz-transition:color 0.5s linear;
	-o-transition:color 0.5s linear;
	transition:color 0.5s linear;
}
.footer_links a:first-child{
	border-left: 0px;
}

.footer_links a:hover{
	color: #CCC;
	text-decoration: none;
	-webkit-transition:color 0.1s linear;
	-moz-transition:color 0.1s linear;
	-o-transition:color 0.1s linear;
	transition:color 0.1s linear;
}



address{
	clear: both;
	margin: 20px 0px 0px;
	padding: 0px;
	font-style: normal;
	font-size: 12px;
	line-height: 17px;
	color: #FFF;
}
address a{
	color: #FFF;
}
address a:hover{
	text-decoration: none;
	color: #FFF;
}