@charset "utf-8";
/*-----------------
reset
-------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

img {
	vertical-align: bottom;
	border: 0;
}

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
 
a img{
  opacity: 3;
  transition: 0.2s;
}
a:hover img{
  opacity: .6;
}

/*-----------------
design
-------------------*/

html {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size : 100%;
	line-height : 1.7;
	background: #fff;
	color: #000000;
}


body {
	margin: 0;
	padding: 0;
	background:#222222 url(../img/back.gif) repeat-y center top;
 
	}

#header {
  width: 100%;
   }
#header-inner {
  width: 800px;
  background:#ffffff;
	height:35px;
  margin: 0 auto;
  position: relative; }   
   

h1{
	font-weight:normal;
	font-size:12px;
	padding:7px 30px 0px 30px;
}


.mainvisual {
  background: ;
  width: 100%;
  height: 661px;
  text-align:center;
  position: relative; }	
.mainvisual img {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.5);
  }	


#main {
  width: 800px;
  margin: 0 auto;
  padding-bottom: 100px;
  text-align: center;
  background-color:#fff;
  }
  
.normal{
	text-align:left;
	padding:10px 30px 10px 30px;
	}
.side30{
	margin:0px 30px 0px 30px;
	}

	

.largetitle{
	background: url(../img/large_t1.jpg) no-repeat;
	width:800px;
	height:134px;
	margin:10px 0px;
	text-align:center;
	clear:both;
}

.largetitle h2{
	padding:25px 0px 10px 0px;
	color:#fff;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:normal;
	line-height:120%;
}

.largetitle2{
	background: url(../img/large_t2.jpg) no-repeat;
	width:800px;
	height:295px;
	margin:10px 0px;
	text-align:center;
	clear:both;
	}

.largetitle2 h2{
	padding:40px 0px 10px 0px;
	color:#fff;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:normal;
	line-height:320%;
}

.largetitle3{
	background: url(../img/large_t3.jpg) no-repeat;
	width:800px;
	height:180px;
	margin:10px 0px;
	text-align:center;
	clear:both;
	}

.largetitle3 h2{
	padding:40px 0px 10px 0px;
	color:#fff;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:normal;
	line-height:170%;
}


.leftimg{
	width:740px;
	margin:10px 30px;
}
.leftimg img{
	float:left;
}

.leftimg_txt{
	overflow:hidden;
	padding:0px 0px 0px 20px;
	height:100%;
}

.leftimg p{
	padding:10px 0px 10px 0px;
	text-align:left;
	clear:both;
}

.leftimg h4{
	padding:10px 0px 10px 0px;
	text-align:left;
	clear:both;
	font-weight:normal;
}
/* table1 */

table.table1 {
	width:740px;
	margin:10px 30px 10px 30px;
	padding: 0px;
	text-align:center;
	clear: both;
	border-collapse: collapse;
	border-spacing:1px;
	line-height:1.5;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	font-size:13px;
}

table.table1 th{
	text-align:left;
	padding:10px;
	width:150px;
	border-bottom:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	background:#eeeeee;
}

table.table1 td{
	padding:10px;
	border-bottom:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	text-align:left;
}

/* table2*/

table.table2 {
	width:100%;
	margin:10px 0px 10px 0px;
	padding: 0px;
	text-align:center;
	clear: both;
	border-collapse: collapse;
	border-spacing:1px;
	line-height:1.5;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	font-size:13px;
}

table.table1 th{
	text-align:left;
	padding:10px;
	width:40%;
	border-bottom:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	background:#eeeeee;
}

table.table1 td{
	padding:10px;
	border-bottom:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	text-align:left;
}


.review{
	width:740px;
	margin:20px 30px 20px 30px;
	clear:both;
	overflow:hidden;
    height:100%;
	background-color:#F5EEE4;
}

.review img{
	float:left;
}

.review_txt{
	overflow:hidden;
	padding:0px 0px 0px 20px;
	height:100%;
}

.review p{
	padding:0px 20px 20px 20px;
	text-align:left;
}




 
#footer {
  background: #f2faff;
  padding: 0px 0 0 0;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.5);
  background:#222222 url(../img/footer_back.jpg) repeat-x center top;
  height:auto;
   }

#footer-inner {
  width: 740px;
  margin: 0 auto;
  padding:10px 30px;
  font-size:12px;
  color:#ffffff;
  }
#footer-inner .logo{
    float: left;
    margin-right: 20px; }
#footer-inner p {
    zoom: 1;
    overflow: hidden;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.8em; }





 /* 汎用deco */


	
.under{
	text-decoration:underline;
	}

.line160{line-height:160% !important;}

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.tx_xsmall{font-size:70% !important;}
.tx_small{font-size:85% !important;}
.tx_large{font-size:120% !important;}
.tx_xlarge{font-size:150% !important;}

.txw_non{font-weight:normal !important;}


.tx_10{font-size:10px !important;}
.tx_11{font-size:11px !important;}
.tx_12{font-size:12px !important;}
.tx_13{font-size:13px !important;}
.tx_14{font-size:14px !important;}
.tx_16{font-size:16px !important;}
.tx_20{font-size:20px !important;}
.tx_25{font-size:25px !important;}
.tx_30{font-size:30px !important;}
.tx_40{font-size:40px !important;}
.tx_50{font-size:50px !important;}

.lh0em{line-height:0em;}
.lh2em{line-height:2em;}

.red{color:#660000 !important;}
.vermilion{color:#B22C00 !important;}
.green{color:#999900 !important;}
.deepgreen{color:#666600 !important;}
.blue{color:#007DE9 !important;}
.orange{color:#ff7f00 !important;}
.white{color:#ffffff !important;}
.usublue{color:#67BEE0 !important;}
.black{color:#000000 !important;}
.backglay{background:#eeeeee;padding: 5px;}
.backwhite{background:#ffffff;}
.backyellow{background:#ffcc33;}
.backgreen{background:#9EB152;padding: 5px;color:#ffffff;}
.backblack{background:#000000;padding: 5px;color:#ffffff;}
.backbrown{background:#C99064;padding: 5px;}
.backcream{background:#F5EEE4;padding: 5px;}
.kakomi_gray{border:#cccccc solid 1px;padding: 5px;}
.kakomi_black{border:#000000 solid 2px;padding: 5px;}

.mt0{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pb0{padding-bottom:0px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}

.pl0{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl95{padding-left:95px !important;}

.pr0{padding-right:0px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr95{padding-right:95px !important;}


.fl{float:left !important;}
.fr{float:right !important;}

.cls{clear:both;}



/*-----------------
clearfix
-------------------*/
.clearfix:after {
  content: ",";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */