@charset "UTF-8";
/* CSS Document */

html { height:100%; width:100%; }

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: normal;
	list-style: none;
	text-align: left;
}
body { font-size: 100%; line-height: 1.5; color: #000000;}
img { border: none; }
a { color: #000000; text-decoration: none; }
a:visited { color: #000000; }
a:hover { color:#ED6D00; }
a.hover:hover img {opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(opacity=80); 
     -webkit-filter:grayscale(100%);}


/*ベース
---------------------------------------------*/
#base { margin: 0 auto; padding: 0px; width:959px; text-align:left; }
#header { margin:0 auto; padding:0px; width:959px; text-align:right; height:94px; clear:both; background:url('../img/back_header.jpg'); background-repeat:no-repeat; color:#FFF; }
#gnavi { margin: 0 auto; padding: 0px; width:959px; height:41px; text-align:left; }

#main { width:959px; height:725px; margin:0 auto; background:url('../img/home_back.jpg'); background-repeat:no-repeat; background-position:top left; border-top:1px solid #FFF; }
#main2nd { width:959px; margin:0 auto; }
#main2nd-left { width:207px; height:100%; margin:0 0 0 0; float:left; background:url('../img/back_snavi.gif'); background-repeat:no-repeat; background-position:bottom left; }
#main2nd-left2 { width:207px; height:; margin:0 0 0 0; float:left; background:url('../img/back_snavi.gif'); background-repeat:no-repeat; background-position:bottom left; }
#main2nd-right { width:700px; margin:40px 10px 0 0; float:right; }
#news { width:959px; height:225px; margin:5px 0 0 0; background:url('../img/back70.png'); }
#news-left { width:915px; margin:10px 0 0 30px; float:left; }
#news-right { display:none; width:286px; margin:10px 10px 0 0; float:right; }

#topics { width:959px; text-align:center; }
.topics-main { width:750px; margin:50px 0 10px 90px; padding:20px; text-align:left; background:url('../img/bg_topics.gif'); }

.voice { width:650px; margin:20px 0 10px 20px; padding:5px; padding-left:15px; text-align:left; background:url('../img/bg_topics.gif'); }

#footer { margin-bottom:20px; padding:5px 0px 0px 0px; width:959; height:20px; text-align: center; clear: both; font-size:0.8em; border-top:solid 1px #FFF; background-color:#AAA; }
#footer-left { width:300px; margin:0 0 0 10px; float:left; color:#FFF; }
#footer-right { width:300px; margin:0 10px 0 0; float:right; text-align:right; color:#FFF; }

.right { width:; margin:0 20px 0 0; float:right; }
.right1 { width:; margin:30px 20px 0 0; float:right; }
.right2 { width:675px; margin:15px 20px 0 0; float:right; }
.center { width:100%; margin:30px 0 0 0; text-align:center; font-size:0.9em;}
.banner { width:100%; margin:25px 20px 0 35px; text-align:left; }
.totop { width:100%; height:60px; margin:30px 0 0 0; padding:0; text-align:right; clear:both; font-size:0.9em; background:url('../img/back_fotter.jpg'); background-repeat:no-repeat; }



/*--コラム囲み------------------------------------------------*/
.column{ width:100%; height:165px;float:left; margin: 0 0 5px 0; padding: 0px; overflow:auto; font-size:0.9em;  line-height:1.8em;}
.column img{ float: left; margin:3px 5px 10px 8px;}
.column p{ font-size:1.5em; }

/*IE6
---------------------------------------------*/
img, div, td, input { behavior: url("iepngfix.htc") }



/* グローバルナビゲーション
---------------------------------------------*/
#globalnav {
	position: absolute;
	width: 959px;
	height: 41px;
	list-style-type: none;
	background: #452417;clear:both;
}
#globalnav li {
	float: left;
	width: 137px;
}
#globalnav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:41px;
	padding-top: 41px;
	background-image: url(../img/gn.jpg);
	color: #FFFFFF;
}
/*  グローバルナビゲーション背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position:  0     0px; }
	#nav02 a { background-position: -137px 0px; }
	#nav03 a { background-position: -274px 0px; }
	#nav04 a { background-position: -411px 0px; }
	#nav05 a { background-position: -548px 0px; }
	#nav06 a { background-position: -685px 0px; }
	#nav07 a { background-position: -822px 0px; }
	
	/* 現在位置 */
	#nav01 a.stay { background-position:  0     -41px; }
	#nav02 a.stay { background-position: -137px -41px; }
	#nav03 a.stay { background-position: -274px -41px; }
	#nav04 a.stay { background-position: -411px -41px; }
	#nav05 a.stay { background-position: -548px -41px; }
	#nav06 a.stay { background-position: -685px -41px; }
	#nav07 a.stay { background-position: -822px -41px; }

	/* オンマウス */
	#nav01 a:hover { background-position:  0     -41px; }
	#nav02 a:hover { background-position: -137px -41px; }
	#nav03 a:hover { background-position: -274px -41px; }
	#nav04 a:hover { background-position: -411px -41px; }
	#nav05 a:hover { background-position: -548px -41px; }
	#nav06 a:hover { background-position: -685px -41px; }
	#nav07 a:hover { background-position: -822px -41px; }

/* サブナビゲーション
---------------------------------------------*/
#snavi{
	overflow: auto !important;
	overflow /**/: hidden;
	width: 207px;
	line-height: 2.4em;
	font-size: 13px;
	text-align: left;
}
#snavi li {
	float: left;
	width: 207px;
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #FFFFFF;
}
#snavi li a {
	display: block;
	width: 100%;
	height:30px;
	line-height: 2.4em;
	color: #000000;
	text-decoration: none;
	text-align: left;
	background:url('../img/sn-off.gif') #EFEFEF;
}
#snavi li a:hover {
	height:30px;
	color: #FFFFFF;
	background:url('../img/sn-on.gif') #AAA;
}
#snavi li.on a {
	display: block;
	width: 100%;
	height:30px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	background:url('../img/sn-on.gif') #AAA;
}

/* サブナビゲーション2
---------------------------------------------*/
#snavi2{
	overflow: auto !important;
	overflow /**/: hidden;
	width: 207px;
	height:675px;
	line-height: 2.0em;
	font-size: 13px;
	text-align: left;
}
#snavi2 li {
	float: left;
	width: 207px;
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #FFFFFF;
}
#snavi2 li a {
	display: block;
	width: 100%;
	height:25px;
	line-height: 2.0em;
	color: #000000;
	text-decoration: none;
	text-align: left;
	background:url('../img/sn-off2.gif') #EFEFEF;
}
#snavi2 li a:hover {
	height:25px;
	color: #FFFFFF;
	background:url('../img/sn-on2.gif') #AAA;
}
#snavi2 li.on a {
	display: block;
	width: 100%;
	height:25px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	background:url('../img/sn-on2.gif') #AAA;
}




/*画像指定----------------------------*/
img.left {
  float: left;
  margin: 3px 10px 3px 0;
}
img.right {
  float: right;
  margin: 3px 0 3px 5px;
}
h1,h2,h3,h4,h5,h6,title02,p,ml10,ml20,ml15 {
  clear: both;
}


/*テーブル指定----------------------------*/
.table {
	margin:10px 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	margin-bottom:10px;
	font-size: 14px;
}
.table th { padding: 0; text-align:right; vartical-align:top; font-size:12px; color:#FFF; }
.table td { padding: 0; text-align:left; vartical-align:top; }

.table-banner {
	margin:0 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	width:276px;
	background-color:#FFF;
	font-size: 12px;
}
.table-banner th { padding:5px; text-align:right; vartical-align:top; font-size:11px; }
.table-banner td { padding:5px; text-align:left; vartical-align:top; font-size:11px; }

.table-head {
	margin:0;
	border-collapse: collapse;
	width:99%;
	border-spacing: 0;
	clear: both;
	font-size: 12px;
}
.table-head th { padding:5px; text-align:right; vartical-align:top; font-size:12px; }
.table-head td { padding:15px 10px 0 0; text-align:right; vartical-align:top; font-size:14px; }

.table-snavi {
	margin:65px 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	width:;
	font-size:12px;
}
.table-snavi th { padding:5px; text-align:right; vartical-align:top; font-size:11px; }
.table-snavi td { padding:10px; text-align:left; vartical-align:top; font-size:11px; }

.table-snavi2 {
	margin:90px 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	width:;
	font-size:12px;
}
.table-snavi2 th { padding:5px; text-align:right; vartical-align:top; font-size:11px; }
.table-snavi2 td { padding:10px; text-align:left; vartical-align:top; font-size:11px; }

.table-snavi3 {
	margin:0px 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	width:;
	font-size:12px;
}
.table-snavi3 th { padding:5px; text-align:right; vartical-align:top; font-size:11px; }
.table-snavi3 td { padding:10px; text-align:left; vartical-align:top; font-size:11px; }

.jikoku {
	margin:0px 0 0 30px;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	width:600px;
	border:solid 1px #888;
	font-size:12px;
}
.jikoku th { padding:3px; text-align:center; vartical-align:top; font-size:12px; border:solid 1px #888; background-color:#EFEFEF; }
.jikoku td { padding:3px; text-align:center; vartical-align:top; font-size:12px; border:solid 1px #888; }

.kanko {
	margin:20px 0 0 20px;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	width:680px;
	font-size:12px;
}
.kanko th { padding:5px; text-align:left; vartical-align:top; font-size:12px; background-color:#EFEFEF; }
.kanko td { padding:5px; text-align:left; vartical-align:top; font-size:12px; }

.table-form {
	margin:10px 0 0 10px;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	margin-bottom:10px;
	width:95%;
}
.table-form  th { padding:5px; text-align:left; vartical-align:top; font-size:0.9em; background-color:#EFEFEF; }
.table-form  td { padding:5px; text-align:left; vartical-align:top; font-size:0.9em; background-color:#FFF; }

.table-kakaku {
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	width:470px;
	border:solid 1px #888;
	font-size:12px;
}
.table-kakaku  th { padding:3px; text-align:center; vartical-align:top; font-size:12px; border:solid 1px #888; background-color:#EFEFEF; font-weight: bold; }
.table-kakaku  td { padding:3px; text-align:center; vartical-align:top; font-size:12px; border:solid 1px #888; }




/*フォント-----------------------------------------*/
#base h1 { padding: 0 0 0 0; font-size:2.2em; font-weight: bold; margin: 0; }
.h2 { padding: 10px 0 0 0; font-size:1.5em; font-weight: bold; margin: 0; line-height:2.0em; }
#base h3 { padding: 10px 0 0 0; font-size:1.2em; font-weight: bold; margin: 0; }
#base h4 { padding: 10px 0 0 0; font-size:1.1em; font-weight: bold; margin: 0; }
#base h5 { padding: 10px 0 0 0; font-size:1.0em; font-weight: bold; margin: 0; }
#base h6 { padding: 10px 0 0 0; font-size:0.9em; font-weight: bold; margin: 0; }
#base p { padding: 10px 0 0 0; font-size:0.9em; line-height: 16px; font-weight: lighter; margin: 0; }
#base smaller { padding: 5px 0 0 0; font-size: 11px; font-weight: lighter; margin: 0; }

#news h3 { padding:0 0 0 0; font-size: 1.3em; font-weight: bold; color:#ED6D00; margin: 0; }
#base h4.ml20 { padding:20px 0 0 20px; font-size:1.3em; font-weight:bold; color:#ED6D00; margin: 0;}
#base h4.sub-title { padding:0 0 0 5px; font-size:1.2em; font-weight:bold; color:#000; margin: 0; border-bottom:solid 1px #ED6D00; border-left:solid 3px #ED6D00;}
#base h5.ml20 { padding:0 0 0 5px; margin:0 0 0 20px; font-size:1.1em; font-weight:lighter; background-color:#DDD; border-top:solid 1px #ED6D00;}
#base h5.ml10 { padding:0 0 0 5px; margin:0 0 0 10px; font-size:1.0em; font-weight:lighter; background-color:#DDD; border-top:solid 1px #ED6D00; font-weight: bold;}

#base p.ml300 {margin-left: 300px;}
#base p.ml200 {margin-left: 200px;}
#base p.ml100 {margin-left: 100px;}
#base p.ml90 {margin-left: 90px;}
#base p.ml80 {margin-left: 80px;}
#base p.ml70 {margin-left: 70px;}
#base p.ml60 {margin-left: 60px;}
#base p.ml50 {margin-left: 50px;}
#base p.ml50 {margin-left: 50px;}
#base p.ml40 {margin-left: 40px;}
#base p.ml30 {margin-left: 30px;}
#base p.ml20-0 { padding: 10px 0 0 20px; font-size:0.9em; line-height:1.5em; font-weight: lighter; margin: 0;}
#base p.ml20 { padding: 10px 0 0 20px; font-size:0.9em; line-height:1.9em; font-weight: lighter; margin: 0;}
#base p.add { padding: 10px 0 0 30px; font-size:1.0em; line-height:1.4em; font-weight:bold; margin: 0;}
#base p.ml10 { padding: 10px 0 0 10px; font-size:0.9em; line-height:1.9em; font-weight: lighter; margin: 0;}
#base p.ml0 { padding: 10px 0 0 0; font-size:0.9em; line-height:1.9em; font-weight: lighter; margin: 0;}
#base p.smaller { padding: 0px 0 20px 30px; font-size:0.8em; line-height:1.5em; font-weight:lighter; margin: 0;}

#base p.top-110 {margin-top: -110px; font-size:1.1em; font-weight: bold; line-height: 25px;}
#base p.top-300 {margin-top: -300px; font-size:1.1em; font-weight: bold; line-height: 25px;}
#base p.top-0 {margin-top: 0px; font-size:1.1em; font-weight: bold; line-height: 25px;}
#base p.top10 {margin-top: 10px; font-size:1.1em; font-weight: bold; line-height: 25px;}


#base p.answer { padding: 0 0 0 20px; font-size:0.9em; line-height:1.9em; font-weight: lighter; margin:30px 0 0 20px; background:url('../img/qu.gif'); background-repeat:no-repeat; font-weight:bold;}
#base p.question { padding: 0 0 0 20px; font-size:0.9em; line-height:1.9em; font-weight: lighter; margin:10px 0 0 20px; background:url('../img/an.gif'); background-repeat:no-repeat;}





/*カラー-----------------------------------------*/
.red {
	color:#D30000;
	background: transparent;
}
.orange {
	color:#ED6D00;
	background: transparent;
}
.orange-bold {
	color:#ED6D00;
	font-weight: bold;
	background: transparent;
}
.orange-s {
	color:#D30000;
	background: transparent;
	font-size:11px;
}
.green{
	color:#456128;
	background: transparent;
}
.white {
	color: #FFF;
	background: transparent;
}
.black {
	color: #000000;
	background: transparent;
}
.bold {
	font-weight: bold;
	background: transparent;
}
.title {
	font-weight: bold;
	background: transparent;
	font-size:15px;
}
.glay{ background:#EFEFEF;}
.glay2{ background:#FFF;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}


.top-10{ margin-top:-10px;}
.top5{ margin-top:5px;}
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top100{ margin-top:100px;}
.top150{ margin-top:150px;}
.top200{ margin-top:200px;}
.top250{ margin-top:250px;}
.top300{ margin-top:300px;}
.top350{ margin-top:350px;}

.right10{ margin-right:10px;}
.right20{ margin-right:20px;}
.right30{ margin-right:30px;}
.right40{ margin-right:40px;}
.right50{ margin-right:50px;}
.right60{ margin-right:60px;}

.bottom10{ margin-bottom:10px; }
.bottom20{ margin-bottom:20px; }
.bottom30{ margin-bottom:30px; }





/* overlay */
.simple_overlay {
	display:none;
	z-index:10000;
	/* styling */
	background-color:#FFF;
	width:600px;	
	min-height:200px;
	padding:20px 20px;
	font-size:12px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 3px 0 #AAA;
	-webkit-box-shadow: 0 0 3px  #AAA;	
}


.simple_overlay h2 { margin: 0 auto; padding:0 0 0 0; font-size:15px; line-height:18px; }
.simple_overlay h3 { margin: 0 auto; padding:0 0 0 0; font-size:12px; line-height:18px; }
.simple_overlay img { float: left; margin: 3px 10px 3px 0; }


.align-left{ float:left; }
.align-right{ float:right; }
.left10{ margin-left:10px; }
.left20{ margin-left:20px; }
.left30{ margin-left:30px; }
.left40{ margin-left:40px; }
.left50{ margin-left:50px; }



/*オーダーシート*/
.orderTitle{ width:100%; padding:5px 0; text-align:center; font-size:20px; font-weight:bold; color:#fff; background-color:#ED6D00; }
.order{ font-size:12px; }
.order span{ font-size:12px; background-color:#ED6D00; color:#fff; padding:2px 10px; margin-right:10px; border-radius:3px; }
.register li{ font-size:12px; border-bottom:solid 1px #333; width:100%; padding:3px 0; margin:5px 0;  }
h3{ font-size:16px !important; color:#ED6D00; }
h3 span{ font-size:12px; font-weight:normal; color:#000; }
.kakakuhyou{ width:100%; font-size:13px; border-top:solid 1px; border-right:solid 1px; border-collapse: collapse; }
.kakakuhyou th{ border-bottom:solid 1px; border-left:solid 1px; text-align:center; padding:2px; border-collapse: collapse; }
.kakakuhyou td{ border-bottom:solid 1px; border-left:solid 1px; padding:2px 4px; border-collapse: collapse; text-align:right; }
.alignright{ display:block; text-align:right; }
.bold{ font-weight:bold !important; }
.furikomi{ font-size:16px !important; font-weight:bold !important; line-height:22px !important; }
<!--span.sen { text-decoration:line-through; color:#F00; }-->








