@charset "utf-8";

/*ベースのCSSの設定
----------------------------------------------------------------*/

/*ベースの要素の設定をリセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img {border:0;vertical-align: top;}
sub {vertical-align:bottom;}


/*Table*/
table {border-collapse:collapse;border-spacing:0;}  
table,th,td {margin:0;padding:0;font-weight:normal;}

/*サイト全体の基本情報の設定*/
body {
	font-size:62.5%;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:1.6;
	color:#333;
}

/*リンクの装飾の設定*/
a {outline:none;text-decoration:underline;color:#C2B17D;}

a:link, a:visited, a:active {
	color:#01AEF0;
	text-decoration:underline;
}
a:hover {text-decoration:none;}

ul, ol {list-style: none;}

.clearfix:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}

img {
	max-width: 100%;
	height: auto;
}

/*レイアウトサイズの設定
----------------------------------------------------------------*/
body             {min-width:1040px;}

#header          {width:100%;}
#header_inner    {width:960px;height:100px;}

#globalnav       {width:100%;min-height:45px;}
#globalnav_inner {width:960px;}

#globalnav_inner ul li a {width:160px;height:45px;line-height:45px;}


#mainimg  {width:100%;height:100%;padding:10px 0px;}

.mainimg_wrap,
.mainimg_inner,
.slideshow       {width:960px;}

#secondimg {width:100%;height:110px;}
#secondimg h1.title {width:960px;margin:0 auto;font-size:3em;line-height:110px;font-weight:normal;}

#topicpath       {width:100%;}
.topicpath_inner {width:960px;}

#contents        {width:100%;}
#contents_inner  {width:960px;}
#contents_main   {width:960px;}
#contents_main02 {width:720px;margin-bottom:20px;float:left;}

#sidebar_l       {width:220px;float:left;}
#sidebar_r       {width:220px;float:right;}

#footer          {width:100%;}
#footer_inner    {width:960px;min-height:180px;}

#footer p.copyright small {width:960px;}



/*コンテンツ内のフォントサイズの設定*/
#contents_main,
#contents_main02 {font-size:1.4em;}

#sidebar_l,
#sidebar_r {font-size:1.4em;}


/*ヘッダーエリアの設定
----------------------------------------------------------------*/

#header {background:url(../img/header-bg.png) repeat-x left top;}

#header_inner {
	position:relative;
	background:url(../img/header-inner-bg.png) no-repeat left top;
	margin:0 auto;
	}

#header_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

/*ロゴ*/
#header_inner .logo {
	position:absolute;
	top:10px;
	left:0px;
	}

#header_inner .logo a {
	display:block;
	width:280px;
	height:90px;
	text-indent:-9999px;
	}



/*リード文の設定*/
#header_inner .read {
	position:absolute;
	top:3px;
	left:0px;
	font-weight:normal;
	}

/*インフォメーションエリア*/
#header_inner .hdinfo {
	text-indent:-9999px;
	}


#header_inner p.hdsubtitle {}

/*ヘッダーナビゲーションの設定*/
ul#hdnav {
	text-align:right;
	position:absolute;
	top:3px;
	right:240px;
	}

ul#hdnav:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

ul#hdnav li {
	float:left;
	padding:0 0 0 20px;
	}

ul#hdnav li a {
	background:url(../img/arrow-hd.png) no-repeat 0px 3px;
	padding:0 0 0 7px;
	}
ul#hdnav li a:link,
ul#hdnav li a:visited,
ul#hdnav li a:active {}

/*ヘッダーお問い合わせエリアの設定*/

#hdcontct {}

#hdcontct {
	position: absolute;
	right: 0;
	top: 12px;
	font-size: 11px;
	line-height: 1.4;
}

#hdcontct h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 3px;
}

#hdcontct .telno {
	font-size: 22px;
	line-height: 1.2;
	font-weight: bold;
	color: #FF6906;
}


#hdcontct p.contact {
	position:absolute;
	top:0px;
	right:0px;
	}

#hdcontct p.contact a {
	display:block;
	width:230px;
	height:40px;
	text-indent:-9999px;
	}

#hdcontct p.access {
	position:absolute;
	top:53px;
	right:0px;
	}

#hdcontct p.access a {
	display:block;
	width:38px;
	height:16px;
	text-indent:-9999px;
	}
	

/*アニメーションの設定*/
#hdcontct p.contact a,
#hdcontct p.access a {
	-moz-transition:0.25s linear;
	-webkit-transition:0.25s linear;
	-o-transition:0.25s linear;
	transition:0.25s linear;
	}

#hdcontct p.contact a:hover,
#hdcontct p.access a:hover {
	background-color:rgba(255,255,255,0.2);
	}

#header_inner .telinfo_area {
	display:none;
	}


/*スマホ用ボタン PC非表示*/
#hdcontact_s {display:none;}




/*グローバルナビゲーションの設定
----------------------------------------------------------------*/

/*ナビゲーションの背景を設定*/
#globalnav {background:url(../img/globalnav-bg.png) repeat-x left top;}

#globalnav_inner {
	background:url(../img/globalnav-menu-bg.png) no-repeat left top;
	margin:0 auto;
	overflow:hidden;
	}

#globalnav_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#globalnav_inner ul li {
	float:left;
	}

#globalnav_inner ul li a {
	display:block;
	padding:0;
	
	font-size:1.4em;
	color:#FFF;
	overflow:hidden;
	font-weight:bold;
	
	/*アニメーションの設定*/
	-moz-transition:0.25s linear;
	-webkit-transition:0.25s linear;
	-o-transition:0.25s linear;
	transition:0.25s linear;
	
	text-decoration:none;
	
	text-align:center;
	
	}

#globalnav_inner ul li a:link,#globalnav_inner ul li a:visited,#globalnav_inner ul li a:active {
	color:#FFF;
	text-decoration:none;
}

#globalnav_inner ul li a:hover {
	background-color:rgba(255,255,255,0.2);
	}


/*メインイメージの設定
----------------------------------------------------------------*/
#mainimg {
	background:url(../img/mainimg-bg.png) left top;
	position:relative;
	overflow:hidden;
	}

.mainimg_wrap {
	left:50%;
	position:relative;
	}

.mainimg_inner {
	left:-50%;
	position:relative;
	}

.slideshow {}

.slideshow img {}


/*セカンドページイメージタイトルの設定
----------------------------------------------------------------*/
#secondimg {
	background:url(../img/secondimg-bg.png) left top;
	position:relative;
	overflow:hidden;
	}

/*パンクズの設定
----------------------------------------------------------------*/
#topicpath {
	background:url(../img/topicpath-bg.png) left top;
	font-size:1.1em;
	min-height:35px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	}

#topicpath .topicpath_inner {
	background:url(../img/topicpath-inner-bg.png) no-repeat left top;
	margin:0 auto;
	min-height:35px;
	}

#topicpath .topicpath_inner p {
	background:url(../img/icon-home.png) no-repeat 0px 12px;
	padding:10px 0 0 15px;
	}

/*コンテンツエリアの設定
----------------------------------------------------------------*/
#contents {
	background:url(../img/contents-bg.png) left top;
	padding-bottom:40px;
	}

#contents {padding-bottom:10px;}

#contents_inner {
	background:url(../img/contents-inner-bg.png) no-repeat left top;
	margin:0 auto;
	padding-top:50px;
	}

#contents_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}


#contents_main   {}
#contents_main02 {}


/*サイドカラムの設定*/

#sidebar_l {}

#sidebar_r {}
	
#sidebar_r h2 {
	margin-bottom:15px;
	}

#sidebar_r h3 {
	margin-bottom:15px;
	}

.submenu {
	margin-bottom:40px;
	}

.submenu ul {
	margin:0 5px 20px;
	}

.submenu ul li {
	background:url(../img/arrow.png) no-repeat 5px 6px;
	padding:0 0 8px 12px;
	margin-bottom:6px;
	border-bottom:1px dotted #CCC;
	}

.submenu ul li a {
	display:block;
	}


/*バナーエリア*/
.bnr_area ul li {
	margin-bottom:10px;
	}



/*コンテンツセクションの基本設定*/

#conbox {
	position:relative;
	margin-bottom:60px;
	z-index:10;
	}

#conbox h1 {
	font-size:2em;
	margin-bottom:30px;
	padding-bottom:5px;
	border-bottom:3px solid #CCC;
	font-weight:normal;
	padding:0px;
}

#conbox h2 {
	font-size:1.3em;
	margin-bottom:20px;
	padding:8px 15px;
	background-color:#FFF;
	border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	box-shadow: 0px 2px 2px #CCC;
	-moz-box-shadow: 0px 2px 2px #CCC;
	-webkit-box-shadow: 0px 2px 2px #CCC;
	border-bottom:5px solid #FF8486;
	text-shadow:none;
}

#conbox h3 {
	font-size:1.3em;
	margin:0px 0px 20px;
	border-bottom:2px solid #CCC;
}

#conbox h4 {
	font-size:1.3em;
	margin:0px 10px 5px;
	font-weight:bold;
	color:#01AEF0;
}

#conbox p {
	margin:0px 10px 1.8em;
}


#conbox table {
	width:100%;
	margin:0px 0px 50px;
	}

#conbox table th {
	font-weight:bold;
	padding:15px 10px;
	border:1px solid #CCC;
	}

#conbox table td {
	padding:15px 10px;
	border:1px solid #CCC;
	}

#conbox table td ol {
	margin-left:22px;
	}

#conbox ul {
	margin:0px 0px 10px 45px;
	}

#conbox ul li {
	margin:0px 0px 10px;
	list-style-type:disc;
	}

#conbox ol {
	margin:0px 0px 10px 45px;
	list-style-type:decimal;
	}

#conbox ol li {
	margin:0px 0px 10px;
	list-style-type:
	}


/*段落の間隔設定*/
#conbox p+h3,
#conbox h3+h3,
#conbox h3+h2,
#conbox p+h2,
#conbox ul+h3,
#conbox ul+h2,
#conbox ol+h3,
#conbox ol+h2,
#conbox ul+table,
#conbox ol+p,
#conbox ul+p {
	margin-top:40px;
	}

#btmcontact p {
	margin-left:-10px;
	}

/*写真右寄せ*/
.photo-r {
	float:right;
	margin:0px 0px 30px 30px;
	border:5px solid #FFF;
	
	box-shadow: 0px 8px 10px #999;
    -moz-box-shadow: 0px 8px 10px #999;
    -webkit-box-shadow: 0px 8px 10px #999;
	
	}

/*写真左寄せ*/
.photo-l {
	float:left;
	margin:0px 30px 30px 0px;
	border:5px solid #FFF;
	
	box-shadow: 0px 8px 10px #999;
    -moz-box-shadow: 0px 8px 10px #999;
    -webkit-box-shadow: 0px 8px 10px #999;
	
	}

/*写真右回転*/
.rotate-r {
	transform: rotate(3deg);
	-moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
	
	}

/*写真左回転*/
.rotate-l {
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
	}


/*外部リンク*/
.linkurl a {
	background:url(../img/external-link.png) no-repeat right center;
	padding-right:20px;
	font-weight:bold;
	}

/*ボックス*/
.box {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

	padding:10px;
	
	box-shadow: 0px 0px 3px #CCC;
    -moz-box-shadow: 0px 0px 3px #CCC;
    -webkit-box-shadow: 0px 0px 3px #CCC;

	
	background-color:#FFF;
	}

*+html .box {background-color:#FFF;}
	
	.box:after {
	visibility:hidden;
	height:0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}


a .box {}

a .box:hover {
	
	box-shadow: 0px 0px 10px #999;
    -moz-box-shadow: 0px 0px 10px #999;
    -webkit-box-shadow: 0px 0px 10px #999;
	}

a .box:active {
	background-color:#CCC;
	padding:10px;
	
	box-shadow: 0px 0px 3px #999 inset;
    -moz-box-shadow: 0px 0px 3px #999 inset;
    -webkit-box-shadow: 0px 0px 3px #999 inset;
	}



/*フッターエリア
----------------------------------------------------------------*/
/*ページトップ*/
#pagetop {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:100;
	}

/*フッターエリアの設定*/
#footer {
	background:url(../img/footer-bg.png) center top;
	}

#footer_inner {
	position:relative;
	margin:0 auto;
	}

#footer_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

/*コピーライトの設定*/

#footer p.copyright {background:url(../img/copyright-bg.png) repeat-x left top;}

#footer p.copyright small {
	background:url(../img/copyright-inner-bg.png) no-repeat center top;
	display:block;
	text-align:center;
	margin:0 auto;
	height:30px;
	line-height:30px;
	text-decoration:none;
	color:#FFF;
	font-size:1.2em;
	}

/*フッターナビゲーションの設定*/
#footer_nav {
	position:absolute;
	top:20px;
	left:0px;
	font-size:1.2em;
	}

#footer_nav div {
	float:left;
	margin-right:80px;
	}

#footer_nav ul {}

#footer_nav ul li {
	margin-bottom:5px;
	}

#footer_nav ul li a {
	background:url(../img/arrow-footer.png) no-repeat 0px 4px;
	padding:0 0 0 7px;
	}

#footer_info {
	background:url(../img/footer-info-bg.png) no-repeat left top;
	position:absolute;
	top:0px;
	right:0px;
	width:230px;
	height:180px;
	}

#footer_info h2 {
	margin-top: 102px;
	margin-bottom:5px;
	font-size:1.4em;
	}

#footer_info a:hover {
	background-color:rgba(255,255,255,0.2);
	}

#footer_info p.contact {
	position:absolute;
	top:0px;
	right:0px;
	}

#footer_info p.contact a {
	display:block;
	width:230px;
	height:40px;
	text-indent:-9999px;
	}

#footer_info p {
	font-size:1.1em;
	margin:0;
	}

#footer_info p.map {
	position:absolute;
	top:129px;
	right:0px;
	}

#footer_info p.address {}

#footer_info p.fax {}

#footer_info .telinfo {
	position: absolute;
	right: 0;
	top: 50px;
	font-size: 9.9px;
	}

#footer_info .telno {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	color: #FF6906
	}

#footer_info p.telinfo span{
	font-size:1.4em;
	}

/*基本設定
----------------------------------------------------------------*/
.pc {display: block;}
.sp {display: none;}
#conbox .right    {text-align:right;}
#conbox .center   {text-align:center;}
#conbox .f_left   {float:left;margin:0 10px 10px 0;}
#conbox .f_right  {float:right;margin:0 0 10px 10px;}
#conbox .m_center {margin-left:auto;margin-right:auto;}
#conbox .clr      {clear:both;}
#conbox .border_b {border-bottom:1px dashed #999;}

#conbox .caution {
	padding:10px;
	border:1px solid #C00;
	color:#C00;
	}

#conbox .font16 {
	font-size:1.143em;
	}

#conbox .arrow {background:url(../img/arrow-hd.png) no-repeat 0px 6px;padding:0 0 0 10px;}


#conbox .mt5{margin-top:5px;}#conbox .mt10{margin-top:10px;}#conbox .mt15{margin-top:15px;}#conbox .mt20{margin-top:20px;}#conbox .mt25{margin-top:25px;}#conbox .mt30{margin-top:30px;}#conbox .mt35{margin-top:35px;}#conbox .mt40{margin-top:40px;}#conbox .mt45{margin-top:45px;}#conbox .mt50{margin-top:50px;}#conbox .mt55{margin-top:55px;}#conbox .mt60{margin-top:60px;}
#conbox .mb5{margin-bottom:5px;}#conbox .mb10{margin-bottom:10px;}#conbox .mb20{margin-bottom:20px;}#conbox .mb25{margin-bottom:25px;}#conbox .mb30{margin-bottom:30px;}#conbox .mb35{margin-bottom:35px;}#conbox .mb40{margin-bottom:40px;}#conbox .mb45{margin-bottom:45px;}#conbox .mb50{margin-bottom:50px;}#conbox .mb55{margin-bottom:55px;}#conbox .mb60{margin-bottom:60px;}
#conbox .pt5{padding-top:5px;}#conbox .pt10{padding-top:10px;}#conbox .pt20{padding-top:20px;}#conbox .pt25{padding-top:25px;}#conbox .pt30{padding-top:30px;}#conbox .pt35{padding-top:35px;}#conbox .pt40{padding-top:40px;}#conbox .pt45{padding-top:45px;}#conbox .pt50{padding-top:50px;}#conbox .pt55{padding-top:55px;}#conbox .pt60{padding-top:60px;}
#conbox .pb5{padding-bottom:5px;}#conbox .pb10{padding-bottom:10px;}#conbox .pb15{padding-bottom:15px;}#conbox .pb20{padding-bottom:20px;}#conbox .pb25{padding-bottom:25px;}#conbox .pb30{padding-bottom:30px;}#conbox .pb35{padding-bottom:35px;}#conbox .pb40{padding-bottom:40px;}#conbox .pb45{padding-bottom:45px;}#conbox .pb50{padding-bottom:50px;}#conbox .pb55{padding-bottom:55px;}#conbox .pb60{padding-bottom:60px;}
#conbox .ml5{margin-left:5px;}#conbox .ml10{margin-left:10px;}#conbox .ml15{margin-left:15px;}#conbox .ml20{margin-left:20px;}#conbox .ml25{margin-left:25px;}#conbox .ml30{margin-left:30px;}#conbox .ml35{margin-left:35px;}#conbox .ml40{margin-left:40px;}#conbox .ml45{margin-left:45px;}#conbox .ml50{margin-left:50px;}#conbox .ml55{margin-left:55px;}#conbox .ml60{margin-left:60px;}
#conbox .mr5{margin-right:5px;}#conbox .mr10{margin-right:10px;}#conbox .mr15{margin-right:15px;}#conbox .mr20{margin-right:20px;}#conbox .mr25{margin-right:25px;}#conbox .mr30{margin-right:30px;}#conbox .mr35{margin-right:35px;}#conbox .mr40{margin-right:40px;}#conbox .mr45{margin-right:45px;}#conbox .mr50{margin-right:50px;}#conbox .mr55{margin-right:55px;}#conbox .mr60{margin-right:60px;}
#conbox .pl5{padding-left:5px;}#conbox .pl10{padding-left:10px;}#conbox .pl15{padding-left:15px;}#conbox .pl20{padding-left:20px;}#conbox .pl25{padding-left:25px;}#conbox .pl30{padding-left:30px;}#conbox .pl35{padding-left:35px;}#conbox .pl40{padding-left:40px;}#conbox .pl45{padding-left:45px;}#conbox .pl50{padding-left:50px;}#conbox .pl55{padding-left:55px;}#conbox .pl60{padding-left:60px;}
#conbox .pr5{padding-right:5px;}#conbox .pr10{padding-right:10px;}#conbox .pr15{padding-right:15px;}#conbox .pr20{padding-right:20px;}#conbox .pr25{padding-right:25px;}#conbox .pr30{padding-right:30px;}#conbox .pr35{padding-right:35px;}#conbox .pr40{padding-right:40px;}#conbox .pr45{padding-right:45px;}#conbox .pr50{padding-right:50px;}#conbox .pr55{padding-right:55px;}#conbox .pr60{padding-right:60px;}
#conbox .ml1em{margin-left:1em;}#conbox .ml2em{margin-left:2em;}#conbox .ml3em{margin-left:3em;}#conbox .ml4em{margin-left:4em;}#conbox .ml5em{margin-left:5em;}#conbox .ml6em{margin-left:6em;}#conbox .ml7em{margin-left:7em;}#conbox .ml8em{margin-left:8em;}#conbox .ml9em{margin-left:9em;}#conbox .ml10em{margin-left:10em;}#conbox .ml11em{margin-left:11em;}
#conbox .ml12em{margin-left:12em;}#conbox .ml13em{margin-left:13em;}#conbox .ml14em{margin-left:14em;}#conbox .ml15em{margin-left:15em;}#conbox .ml16em{margin-left:16em;}#conbox .ml17em{margin-left:17em;}#conbox .ml18em{margin-left:18em;}#conbox .ml19em{margin-left:19em;}#conbox .ml20em{margin-left:20em;}