@charset "utf-8";

/*********************************************************************
Copyright (C) 2009 WEB DESIGN LAB (http://www.webdlab.com/)
Licensed under the MIT License:
http://www.opensource.org/licenses/mit-license.php
*********************************************************************/

/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

html,body {
	height: 100%;
}

img {
	border: none;
}

ul,ol {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-size: 100%;
	line-height: 1.6;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

a,a:link,a:visited {
	color: #333;
	text-decoration: none;
	outline:none;
}

a:hover,a:active {
	color: #666;
}

hr{
	border-style: solid;
	border-color: #666;
	border-width: 1px 0 0 0;
	margin:25px 10px;}

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}

section a:active{color:#00F;}
section a,a:link,section a:visited {color: #00F;text-decoration: underline;}

section p {
	font-size: 95%;
	margin:10px 0px;
}
article h2{
	text-align:left;
	}


footer p{font-size:80%;padding: 5px; }
footer a:link,a:visited{ color:#CCC;}


/* フォント設定 */
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

.font01{font-size:120%;}
.font02{font-size:75%;}
.font03{font-size:150%;}

/*マージン*/
.mt-5 { margin-top: -5px !important; }
.mt-10 { margin-top: -10px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.ml5 { margin-left: 5px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: -5px !important; }
.mb-10 { margin-bottom: -10px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml10 { margin-left: 10px !important; }
.ml40 { margin-left: 40px !important; }

.line { background: #ffff00 !important;font-weight: bold !important; }
.red {color:#F00!important;font-weight: bold;}
.red2 {color:#F00!important;}
.b { font-weight: bold !important; }
.orange {color:#F60!important;}
.blue{color:#005996!important;}
.pink{color:#FF3366!important;}
.yellow{color:#FFDD00!important;}
.under {text-decoration: underline;}
.gray{color:#DDD!important;}

.line_bottom{border-bottom: solid 3px #FFCC00;}
.under_dotted{border-bottom: dotted 1px #666;}

.img_border{border:1px solid #999;}

/*画像*/

.box2 {
	padding:10px 10px;
	margin:25px 0px 25px;
	border:1px solid #996600;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;  
border-radius:10px 10px 10px 10px;
}


.box3 {
	margin:20px 0;
  position: relative;
  padding: 20px;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;}
.box3:before, .box3:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 1px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: #000;
}
.box3:before {
  left: 7px;
}
.box3:after {
  right: 7px;
}

.box_blue{
	background-color: #E7F2F8;
	padding:10px 15px 15px;}

.box_whight{
	background-color: #FFF;
	padding:5px 10px;
	font-size:95%;
	box-shadow:2px 2px 4px #2B7595;}



.title01{
	text-align: center;
	margin:5px;
	background:#44A2CA;
	color:#FFF;
	padding:7px 10px 5px;
}

.koushi_name{
	font-weight: bold;
	margin:20px 5px;
	font-size:110%;
	padding:5px;
	border-bottom:1px solid #000;
}

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

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

/* 0 to 768px */
/*スマホ*/

body {
	-webkit-text-size-adjust: 100%;
	background: #000;
}
img { 
	max-width: 100%; 
	height:auto;
}

header {
	width: auto;
	height: auto;
	overflow: hidden;
	background: url(img/header_bg.jpg) no-repeat bottom center/100% auto;
padding-bottom:35%;
}

	header h1 {
	text-align: right;
	color: #999;
	font-size: 80%;
	font-weight: normal;
		padding: 0px 10px 0 10px;
	}

	header h2 {
		padding: 0 10px 10px 10px;
	}


#contents #main {
	overflow: hidden;
	background: #000;
}

	#contents #main article {
		overflow: hidden;
		padding: 10px;
	}


footer {
	overflow: hidden;
}

	footer #copyright {
	font-size: 75%;
	text-align: center;
	padding: 10px; color:#CCC;
	}

.img1 {float: none;
	margin:10px 5px 0px;}


/*ボックス*/

.box_waku {
	padding:10px 0;
	margin:5px 0px 0px;
	background:#FFF;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;  
border-radius:10px 10px 10px 10px;
}


.box {
	line-height: 1.7;
	padding:10px;
	margin:0px 0px 0px;
	background:#FFF;
}
.box p{margin:10px 10px;
	font-size:95%;
	color:#000;}



.box2-wrapper p{margin:30px 20px 15px;}

.waku2{
	width:100%;}

.waku2_left{
	width:auto;
	float:none;}

.waku2_right{
	width:auto;
	float:none;}

.waku2_right p{font-size:90%;}

.button{width:100%;}

/* ** */
/*PC*/

@media only screen and (min-width: 769px) {

body{	background: #000;}

header {
	min-width: 1060px;
	background: url(img/header_bg.jpg) no-repeat center;
	height: 378px;
	position: relative;
	margin: 0 auto;
padding-bottom:0;
}

	header h1 {
	width: 1040px;
	font-size: 13px;
	text-align: right;
	color: #999;
	font-weight: normal;
		margin: 5px auto 0;
		padding: 0px 10px 0 10px;
	}

#contents {
	overflow: hidden;
	width: 1060px;
	margin: 0 auto;}



#contents #main {
	width: 1060px;
	overflow: hidden;
	background: #000;
}

	#contents #main article {
		overflow: hidden;
		padding: 0px;
	}



footer {
	min-width: 1060px;
	overflow: hidden;
	background:#000;
	width:1060px;
	margin:0 auto;
	text-align: center;
}

	footer #copyright {
		width: 1060px;
		margin: 0 auto;
		padding: 10px;
	font-size: 75%; color:#CCC;
	}

.img1 {float: left;
	margin:10px 15px 10px;}


/*ボックス*/

.box_waku {
	padding:10px 0;
	margin:5px 0px 0px;
	background:#FFF;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;  
border-radius:10px 10px 10px 10px;
}

.box {
	line-height: 1.7;
	padding:20px;
	margin:0px 0px 0px;
}
.box p{margin:10px 10px;
	font-size:100%;
	color:#000;}


/*2列*/

.waku2{
	width:100%;}

.waku2_left{
	width:23%;
	float:left;}

.waku2_right{
	width:77%;
	float:right;}

.waku2_right p{font-size:90%;}

.button{width:auto;}

/* ** */}