@charset "utf-8";

/* Basic
------------------------------------------ */
h1, h2, h3, h4, h5, h6,
form, fieldset,
pre, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

input,textarea {
	font-size: 100%;
	vertical-align: middle;
}

body, div, p, address,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img {
	display: block;
	border: none;
	width: 100%;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset { border: 0; }
input { line-height: 100%; }

ol, ul { list-style-type: none; }

label { cursor: pointer; }
address { font-style: normal; }

hr { display: none; visibility: hidden; height: 0; border: 0; }

article, aside, header, hgroup, footer,
nav, section, dialog, figure { display: block; }


a[name] { color: #fff; }
a[name]:hover { color: #fff; text-decoration: none !important; outline:0 !important; }
a img { color: #fff; }

.navskip,
.hide { position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0; }
em { font-weight: bold; font-style: normal; }

body {
	color: #fff;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	background: #000 url(../img_cmn/bg_01.png) repeat-y 50% 0;
}

/* Link */
a { text-decoration: underline; }
a:link,
a:visited { color: #fff; }
a:hover,
a:active  {
	color: #c00;
	text-decoration: none;}


/* Form
------------------------------------------ */
/* IME : For Windows IE */
.imeA { ime-mode: active; }
.imeD { ime-mode: disabled; }

/* password */
input[type="password"] { height: 1.2em; font-family: arial; ime-mode: disabled; }

/* button */
input[type="submit"] ,
input[type="reset"] ,
input[type="button"] ,
input[type="image"] { cursor: pointer; }



/* Margin
------------------------------------------ */
.mgt0   { margin-top:  0 !important; }
.mgt5  { margin-top:  5px !important; }
.mgt10  { margin-top:  10px !important; }
.mgt20  { margin-top:  20px !important; }


.mgtP01  { margin-top: 0.5em !important; }
.mgtP02  { margin-top: 1em !important; }


/* Padding
------------------------------------------ */
.pdt0   { padding-top:  0 !important; }


/* Layout
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }
.clearboth { clear: both; }
br.clear {
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 0;
	font-size: 0;
}

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }

.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }

/* inline block */
.iBlk { display: -moz-inline-box; display: inline-block; }


/* Text
------------------------------------------ */
.nowrap { white-space: nowrap !important; }
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }

.fs01 { font-size:  10px !important; }
.fl01 { font-size: 	14px !important; }
.fl02 { font-size:  16px !important; }
.fl02 { font-size:  18px !important; }


/* Header
------------------------------------------ */
/* header */
#header {
	margin: 0 auto;
	width: 100%;
	max-width:960px;
}
#header .logo {
	float: left;
	width: /*600px*/62.5%;
}
#header .tel {
	float: left;
	width: /*360px*/37.5%;
}
#header .telSp {
	display: none;
}

@media screen and (max-width: 480px){
	#header .logo {
		float: none;
		width: auto;
	}
	#header .tel {
		display: none;
	}
	#header .telSp {
		display: block;
		margin-top: 10px;
		width: auto;
	}
}

/* clearfix */
#header:after{
	display: block;
	clear: both;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
}
/* IE6 */
* html #header{
	zoom: 1;
}
/* IE7 */
#header{
	zoom: 1;
}


/* whatsnew
------------------------------------------ */
#whatsnew {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
#whatsnew #whatsnewVsl {
	padding: 10px 15px;
	zoom: 1;
}


/* TopArea
------------------------------------------ */
#topArea {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
#topArea .sub {
	float: left;
	width: /*320px*/33.33333333%;
}
#topArea .sub li {
	float: left;
	width: 50%;
}
#topArea .sub li a {
	display: block;
	width: 100%;
	height: 50%;
	text-indent: -9999px;
	overflow: hidden;
}
#topArea .sub li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #000;
}
#topArea .image {
	float: right;
	width: /*640px*/66.66666666%;
}

@media screen and (max-width: 480px){
	#topArea .image {
		float: none;
		width: 100%;
	}
	#topArea .sub {
		float: none;
		width: 100%;
		text-align: center;

		padding-top: 5px;
		padding-bottom: 5px;
	}
	#topArea .sub li {
		float: none;
		width: auto;
	}
}

/* clearfix */
#topArea .sub:after,
#topArea:after{
	display: block;
	clear: both;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
}
/* IE6 */
* html #topArea .sub,
* html #topArea{
	zoom: 1;
}
/* IE7 */
#topArea .sub,
#topArea{
	zoom: 1;
}


/* middleArea
------------------------------------------ */
#middleArea {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}

/* clearfix */
#middleArea:after{
	display: block;
	clear: both;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
}
/* IE6 */
* html #middleArea{
	zoom: 1;
}
/* IE7 */
#middleArea{
	zoom: 1;
}


/* mainSub
------------------------------------------ */
#mainSub {
	float: left;
	padding:  5px 0 30px 0;
	width: /*320px*/33.33333333%;
	background: url(../img_cmn/bg_side_01.jpg) repeat-y;
	background-size: 100%;
}

/* rssbox */
#mainSub .rssbox {
	padding: 0 10px 0 15px;
}
#mainSub .rssbox .title {
	display: none;
}
#mainSub .rssbox ul li {
	margin-top: 10px;
}

/* twBox */
#mainSub .twBox {
	padding: 10px 10px 0 10px;
}

/* subTtl01 */
#mainSub .subTtl01 {
	margin-left: 4px;
	width: /*311px*/97.1875%;
}
#mainSub .subClm01 {
	padding: 0 10px 0 15px;
}

/* sideLink01 */
#mainSub .sideLink01 {
	margin-top: 30px;
}
#mainSub .sideLink01 li {
	float: left;
	display: inline;
	margin-left: /*15px*/4.6875%;
	width: /*80px*/25%;
}

@media screen and (max-width: 480px){
	#mainSub {
		width: 100%;
		background: url(../img_cmn/bg_side_01_sp.jpg) repeat-y;
	}
	#mainSub .sideLink01 li {
		margin-left: 15px;
		width: 80px;
	}
}

/* clearfix */
#mainSub .sideLink01:after{
	display: block;
	clear: both;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
}
/* IE6 */
* html #mainSub .sideLink01{
	zoom: 1;
}
/* IE7 */
#mainSub .sideLink01{
	zoom: 1;
}


/* Main
------------------------------------------ */
#main {
	float: right;
	padding-bottom: 30px;
	width: /*640px*/66.66666666%;
	min-height: 1020px;
	background: url(../img_cmn/bg_main_01.jpg) repeat-y;
	background-size: 100%;
}
#main .textArea01 {
	margin: 6px 7px 0 7px;
	zoom: 1;
}

@media screen and (max-width: 480px){
	#main {
		float: none;
		width: 100%;
		min-height: 0;
		background: url(../img_cmn/bg_main_01_sp.jpg) repeat-y;
	}
	#main .textArea01 {
		margin: 0 10px 0 10px;
		padding-top: 10px;
		width: auto;
	}
}
/* clearfix */
#main:after{
	display: block;
	clear: both;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
}
/* IE6 */
* html #main{
	zoom: 1;
}
/* IE7 */
#main{
	zoom: 1;
}


/* Footer
------------------------------------------ */
/* footer */
#footer {
	margin: 0 auto;
	padding-top: 4px;
	width: 100%;
	max-width:960px;
	background: url(../img_cmn/line_footer_01.gif) repeat-x;
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer .inner {
	padding: /* 12px 15px 4px 15px */1.25% 1.5625% 0.41666% 1.5625%;
	min-height: 60px;
	background: url(../img_cmn/img_footer_01_pc.jpg) no-repeat right top;
	background-size: 295px; /* 295px */
	font-size: 10px;
	zoom: 1;
}
#footer .text01 {

}
#footer .text02 {
	margin-top: 1px;
}
#footer .text03 {
	margin-top: 1px;
}

@media screen and (max-width: 480px){
	#footer {
		background: url(../img_cmn/img_footer_01_sp.jpg) no-repeat;
		background-size: cover;
	}
	#footer .inner {
		padding: 1.4em 1em 1.2em 1em;
	}
}


/* Contents
------------------------------------------ */
/* mainTtl01 */
.mainTtl01 {
	width: /*571px*/91.2140%;
}

/* mainTtl02 */
.mainTtl02 {
	font-size: 14px;
	font-weight: bold;
}

/* post01 */
.post01 {
	margin-top: 10px;
	width: /*569px*/90.8945%;
}
.post01 .post01R {
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: /*240px*/42.7926%;
}
.post01 .post01L {
	float: left;
	width: /*310px*/54.4815%;
}
@media screen and (max-width: 480px){
.post01 {
	width: 100%;
}
.post01 .post01R {
	float: none;
	margin-top: 10px;
	width: 240px;
}
.post01 .post01L {
	float: none;
	width: 100%;
}
}

/* menuList01 */
.menuList01 {
	overflow: hidden;
	zoom: 1;
}
.menuList01 dt {
	clear: both;
	float: left;
	width: /*310px*/54.4815%;
}
.menuList01 dd {
	margin: 0 0 10px /*320px*/56.2390%;
}

.map {

}


.mform dt {
	margin-top: 1em;
}
.mform dd .input01 {
	padding: 5px;
	width: 80%;
}
.mform dd .textarea01 {
	padding: 5px;
	width: 80%;
}
.submit {
        display: inline-block;
        margin-right: 10px;
        padding: 8px 30px;
        border: 1px solid #333;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom,
from(#fff), to(#ccc));
        background: -moz-linear-gradient(top, #fff, #ccc);
        font-size: 14px;
        text-align: center;
}

.reset {
        display: inline-block;
        margin-right: 10px;
        padding: 8px 10px;
        border: 1px solid #333;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom,
from(#fff), to(#ccc));
        background: -moz-linear-gradient(top, #fff, #ccc);
        font-size: 14px;
        text-align: center;
}



/* Clearfix
------------------------------------------ */
/* clearfix */
.clearfix:after{
	display: block;
	clear: both;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
}

/* IE6 */
* html .clearfix{
	zoom: 1;
}

/* IE7 */
.clearfix{
	zoom: 1;
}


/* Print
------------------------------------------ */
@media print {

	/* All */
	html { overflow: visible; }

}