@charset "UTF-8";

/* -----------------------------------------------------------

	reset

----------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

table, tr, th, td {

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* -----------------------------------------------------------

	共通装飾等

----------------------------------------------------------- */

body {

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 97%;

	line-height: 1.6em;

	color: #464C57;

}

a {

	color: #464C57;

}

a:hover {

	color: #DD4748;

}

input[name="image"]:hover {

	filter: alpha(opacity=70);

	opacity: 0.70;

}

a img:hover{

	filter:alpha(opacity=70);

    opacity:0.70;

}



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

/* float解除

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

.clearfix {

	zoom: 1;/*for IE 5.5-7*/

}

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	display: inline-table;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */



 /* margin*/

.mt_5 {

	margin-top: 5px;

}

.mt_10 {

	margin-top: 10px;

}

.mt_20 {

	margin-top: 20px;

}

.mt_30 {

	margin-top: 30px;

}

.mt_40 {

	margin-top: 40px;

}

.mt_50 {

	margin-top: 50px;

}

.ml_5 {

	margin-left: 5px;

}

.ml_20 {

	margin-left: 20px;

}

.ml_30 {

	margin-left: 30px;

}

.ml_40 {

	margin-left: 40px;

}

.ml_50 {

	margin-left: 50px;

}

.ml_60 {

	margin-left: 60px;

}

.ml_70 {

	margin-left: 70px;

}

.ml_80 {

	margin-left: 80px;

}

.mr_5 {

	margin-right: 5px;

}

.mr_10 {

	margin-right: 10px;

}

.mr_20 {

	margin-right: 20px;

}

.mb_0 {

	margin-bottom:0 !important;

}

.mb_5 {

	margin-bottom: 5px;

}

.mb_10 {

	margin-bottom: 10px;

}

.mb_20 {

	margin-bottom: 20px;

}

.mb_30 {

	margin-bottom: 30px;

}

.mb_40 {

	margin-bottom: 40px !important;

}

.mb_50 {

	margin-bottom: 50px;

}

.mb_60 {

	margin-bottom: 60px;

}

.mb_70 {

	margin-bottom: 70px;

}



/*----- 横幅指定 -----*/

.wd1 {width: 1%;}

.wd5 {width: 5%;}

.wd10 {width: 10%;}

.wd13 {width: 13%;}

.wd15 {width: 15%;}

.wd20 {width: 20%;}

.wd23 {width: 23%;}

.wd24 {width: 24%;}

.wd25 {width: 25%;}

.wd30 {width: 30%;}

.wd35 {width: 35%;}

.wd40 {width: 40%;}

.wd44 {width: 44%;}

.wd45 {width: 45%;}

.wd50 {width: 50%;}

.wd60{width: 60%;}

.wd65 {width: 65%;}

.wd70 {width: 70%;}

.wd75 {width: 75%;}

.wd80 {width: 80%;}

.wd85 {width: 85%;}

.wd90 {width: 90%;}

.wd95 {width: 95%;}

.wd100 {width: 100%;}

/* -----------------------------------------------------------

	#container

----------------------------------------------------------- */

#container {

}



/* -----------------------------------------------------------

	#header

		ヘッダー

----------------------------------------------------------- */

header {

	width: 960px;

	margin: 0 auto 20px auto;

	overflow: hidden;

    padding-top: 38px;

    height: 130px;

    box-sizing: border-box;

}

header h1{

	float: left;

}

header .contact {

	float: right;

}

/* -----------------------------------------------------------

	#headNav

	　　　グローバルナビ

----------------------------------------------------------- */

#dropmenu{

	width: 960px;

	margin: 0 auto;

	position: relative;

	z-index:1000;

}

#dropmenu li{

	float:left;

	line-height:0;

	position: relative;

    border-right: 1px dotted #B2B2B2;

}

#dropmenu li:first-child{

    border-left: 1px dotted #B2B2B2;

}

#dropmenu li ul.child{

	display: none;

	position: absolute;

}

#dropmenu li ul.child li a{

    display:block;

	margin-top:1px;

}

#dropmenu li:last-child {

	margin-right: 0;

}



/* -----------------------------------------------------------

	.inner

----------------------------------------------------------- */

.inner {

	overflow: hidden;

	width: 960px;

	margin:0 auto 0 auto;

}





/* -----------------------------------------------------------

	footer

		フッター

----------------------------------------------------------- */

footer .left{

    float: left;

    margin-top: 60px;

}

footer .left p{

    margin-bottom: 24px;

}

footer .right{

    float: right;

    width: 500px;

    margin-top: 60px;

    padding-bottom: 36px;

}

footer .right li{

    margin-bottom: 8px;

}

footer .right li a{

    color: #DD4748;

    font-weight: bold;

    text-decoration: none;

    background: url(../images/common/arrow.gif) no-repeat 0 5px;

	padding: 0 0 0 15px;

	margin: 0 0 5px 0;

}

footer .right ul.footchild a:hover {

	color: #DD4748;

}

footer .right ul.footchild a{

    color: #060400;

    font-weight: normal;

    font-size: 90%;

    background:none;

}

footer .right ul.footchild li{

    margin-bottom: 5px;

    line-height: 1.2em;

}

footer .right ul.footchild li ul{

    margin-left: 10px;

    margin-top: 5px;

}

footer .right .sitemap01{

    display: inline-block;

    vertical-align: top;

    margin-right: 20px;

}

footer .right .sitemap02{

    display: inline-block;

    vertical-align: top;

}

footer .copyright {

	text-align: center;

	font-size: 80%;

    color: #fff;

    background-color: #464D57;

    padding: 24px;

    line-height: 1em;

}



/*トップへ戻る

----------------------------------------*/

#pagetop {

	position: fixed;

	bottom:50px;

	right:3%;

	z-index:1000;

}

#pagetop a {

	display:block;

	background: url(../images/common/pagetop.png);

	width:70px;

	height:70px;

	overflow:hidden;

	text-indent: -9999px;

}

#pagetop a span{

	display:none;

}

#pagetop a:hover {

	filter: alpha(opacity=80); /* IE7以下用 */

	-ms-filter: “alpha(opacity=80)”; /* IE8用 */

	opacity:0.8; /* Firefox 1.5以上, Opera, Safari用 */

}



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

/* リスト

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

.list {

	margin-bottom: 30px;

}

.list li {

	background: url(../images/common/arrow01.gif) no-repeat 0 5px;

	padding: 0 0 0 20px;

	margin: 0 0 5px 0;

}

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

/* テキスト装飾

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

.text-c {

	text-align: center;

}

.text-r {

	text-align: right;

}

.red {

	color: #FF0000;

}

.f-l {

	font-size: 130%;

}

.f-s {

	font-size: 90%;

}

.f-en {

	font-size: 80%;

}

.f-bold {

	font-weight: bold;

}

.importText {

	text-decoration: line-through;

}





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

/* 単体リンク

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

.link a {

	background-image: url(../images/common/arrow01.gif);

	background-repeat: no-repeat;

	background-position: 1px 0.4em;

	padding: 0 0 1px 15px;

}

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

/*  画像位置

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

.img_l {

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

	text-align: left;

}

.img_r {

	float: right;

	margin-left: 10px;

	margin-bottom: 10px;

	text-align: left;

}

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

/*  indent

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

.indent-1 {

	text-indent: -1em;

	margin-left: 1em;

}

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

/*  sam-2

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

.sam-2 {

	margin-bottom: 20px;

}

.sam-2 li {

	float: left;

	width: 338px;

	font-size: 80%;

	margin-right: 7px;

	line-height: 1.4em;

}

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

/*  sam-3

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

.sam-3 {

	margin-bottom: 20px;

}

.sam-3 li {

	float: left;

	width: 222px;

	font-size: 80%;

	margin-right: 7px;

	line-height: 1.4em;

}