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

　　初期設定

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

*{ margin:0; padding:0;}
img{ border:0;}
html{overflow-y: scroll;}
table,div{	margin:auto;}

/*フォント設定*/
body {
	color:#444;	
	font-family:"メイリオ", Meiryo,"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace, "ＭＳ Ｐゴシック";
	font-size:100%;
}
th,td{
	_font-size:80%;
}
a{	color:#0CF;　text-decoration:underline;	}
a:hover{
	color:#FC0;
	text-decoration:underline;
	}
#Header #Logo p{
	margin:10px;
	font-size:20px;
	font-weight:normal;
	_font-weight:bold;
	font-family:"Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font-family:"Century Gothic","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;	
	font-weight:bold;
	}

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

　　ベースレイアウト

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

body{
	text-align:center;
	background-color:#FFF;	
	background:url(bg.jpg);
	}
	
.h1{
	font-size: 36px;
	color: #111;
	background-color: #FFFFFF;
	text-align: left;
	padding: 40px;
}

.space{
	background-color: #FFFFFF;
	padding: 20px;
	}

.line{
	background-color: #BBBBBB;
	padding: 2px;
	}

.bg1{
	height: 600px;
	background-image: url('bg1.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 1;
	}

.bgwrapper{
	width:1200px;
	height:600px;
	position: relative;
	}
	
.bgtext1{
	color: #FFFFFF;
	font-size: 48px;
	text-align: left;
	width: 1200px;
	margin: 0 auto;
	padding-top: 300px;
	}

.bgtext2{
	color: #FFFFFF;
	font-size: 20px;
	text-align: left;
	width: 1200px;
	margin: 0 auto;
	}

/*	
.bg2{
	height: 600px;
	background-image: url('bg2.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	}

.scroll {
	height: 600px;
	background-color: #FFFFFF;
	z-index: 2;
*/

#Container{
	width:1200px;
	text-align:left;
	}
#Container:after{
    content: "";
    display: block;
    clear: both;
}


/*ヘッダー
-----------------------------------------------------------------------*/
#Header{}
#Header:after{
    content: "";
    display: block;
    clear: both;
	}	
#Header h1{
	color:#666;
	font-weight:normal;
	font-size:11px;	
	padding:10px 0 0 0px;
	height:20px;
	_height:30px;	
	}
#Header #Logo{
	width:500px;
	float:left;
	}
#Header #Logo p{
	font-size:20px;
	font-weight:normal;
	_font-weight:bold;
	font-family:"Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font-family:"Century Gothic","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;	
	}
#Header #Logo p a{
	text-decoration:none;
	color:#000;
	display:block;
	height:90px;	
	line-height:90px;	
	}
#Header #Logo p a:hover{}	
#Header #LogoRight{
	float:right;
	width:300px;
	_width:320px;
	padding:2px 10px 0 0 ;
	}
#Header #LogoRight .infoBox{
	font-size:18px;
	font-family:"Century Gothic";
	text-align:right;
	margin:0 0 10px 0;
	color:#000;
}
#Header #LogoRight .infoBox span{
	font-size:12px;
}
#Header #LogoRight #upMenu{
	clear:both;
	height:26px;	
	}
#Header #LogoRight #upMenu ul{
	float:right;
	list-style-type:none;
	}
#Header #LogoRight #upMenu ul li{
	float:left;
	margin:0 5px 0 0;
	}
#Header #LogoRight #upMenu ul li a{
	display:block;
	padding:4px 10px 2px 10px;
	text-decoration:none;
	background-color:#DDD;
	color:#000;
	font-size:11px;
	}
#Header #LogoRight #upMenu ul li a:hover{
	background-color:#666;
	color:#FFF;
	}
#Header #LogoRight p#TEL{
	font-size:18px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	text-align:right;
	line-height:30px;
	vertical-align:top;
	display:block;
	clear:both;
	padding:0px 10px 0 0;
	}
#Header #LogoRight p#TEL .telmark{
	font-size:10px;
	line-height:30px;
	}	
	
/*メニュー
-----------------------------------------------------------------------*/
#Menu{
	clear:both;
	height:56px;	
	margin:0 0 10px 0;
	width:918px;
	border:1px solid #CCC;
	}
#Menu:after{
    content: "";
    display: block;
    clear: both;
}

#Menu ul{
	list-style-type:none;
	background:url(bg_menu2.jpg) no-repeat;	
	height:56px;
	}
#Menu ul li {
	position: relative;
	float:left;
	text-align:center;
	height:56px;
	background:url(bg_menu_li.jpg) repeat-x;
	vertical-align:bottom;
}
#Menu ul li.on{
	background:url(bg_menu_li_on.jpg) repeat-x;	
	}

#Menu ul li a {
	display:block;
	color:#000;
	font-size:14px;
	margin:0 0 0 0px;
	text-decoration:none;
	height:56px;
	line-height:56px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(bg_menu_li_a.jpg) no-repeat right;
}
#Menu ul li.last{}

#Menu ul li.last a{
	margin-right:0px;
	background:none !important;
	}
#Menu ul li a:hover{}
#Menu ol{
	width:100%;
	list-style-type:none;
	position: absolute;
	display:none;	
	top:56px; left:0px;
	z-index:3;
	background-color:#EEE;
}
#Menu ol li{
	background:none !important;	
	float:none;
	border-width:0;
	height:auto;
	}
#Menu ol li a{
	background:none !important;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace, "ＭＳ Ｐゴシック";
	text-align:left;
	margin:0;
	display:block;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size:11px;
	line-height:1.1em;
	height:auto;
	border-bottom:1px solid #DDD;
	}	
#Menu ol li a:hover{
	background:#333 !important;	
	color:#FFF;
	}
#Menu ol li.last a{}
#Menu ol li.last a:hover{
	background:#333 !important;	
}


/*フッター
-----------------------------------------------------------------------*/

#Footer{
	clear:both;
	background:url(bg_footer.jpg) repeat-x;
	height:100px;
	position:relative;
	}
#Footer #footMenu{
	position:absolute;
	top:30px;
	left:20px;
	width:880px;
	font-size:11px;
	}
#Footer #footMenu:after{
    content: "";
    display: block;
    clear: both;
}
#Footer #footMenu ul{
	list-style-type:none;
}
#Footer #footMenu ul li{
	float:left;
}
#Footer #footMenu ul li a{
	color:#333;
	width:auto;	
	font-size:11px;
	text-decoration:none;
	padding:0 4px 0 4px;
	}	
#Footer #footMenu a:hover{
	text-decoration:underline;
}	

#Footer #copyRight{
	font-family:"Century Gothic";
	position:absolute;
	font-size:10px;
	top:50px;
	left:25px;
}
#Footer #copyRight a{
	color:#666;
	text-decoration:none;
}
#Footer #copyRight a:hover{
	color:#333333;
}
#Footer #tplCopy{
	position:absolute;
	top:70px;
	right:20px;
	}
#Footer #tplCopy p{
	float:left
}
#Footer #tplCopy p a{
	display:block;
	text-indent:-9999px;
}
#Footer #tplCopy #design a{
	background:url(bn_decoboko.gif) no-repeat;
	width:79px;
	height:27px;
	}
#Footer #tplCopy #sp a{
	background:url(bn_sp.gif) no-repeat;
	width:26px;
	height:27px;	
	}	


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

　　コンテンツ

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

#ContentBox{
	clear:both;
	padding:0 0 20px 0;
	background:url(bg.jpg);
	zoom:100%;
	}
#ContentBox:after{
    content: "";
    display: block;
    clear: both;
	}

/*３カラム
----------------------------------------------------------------------*/

.wrapper{
	width:1200px;
	text-align:left;
	}	
.wrapper:after{
    content: "";
    display: block;
    clear: both;
}
	
.box_a{
	float: left;
	width: 390px;
	background: #F6F6F6;
	height: 500px;
	margin-right: 15px
}

.box_b{
	float: left;
	width: 390px;
	background: #F6F6F6;
	height: 500px;
	margin-right: 15px
}

.box_c{
	float: left;
	width: 390px;
	background: #F6F6F6;
	height: 500px;
}

#Main{}

/*リストで３カラム→画像を入れる場合失敗か*/

.list-container {
    width: 1200px;
    margin: 50px 0 0 0;
    overflow: hidden;
}
 
.list-container ul {
    margin: -15px -15px 0 0;
    padding: 0;
    /zoom: 1;/* for IE6,7 */
}
 
.list-container ul li {
    width: 390px;
    margin: 15px 15px 0 0;
    padding: 200px 0;
    float: left;
    list-style: none;
    background: #F7F7F7;
    text-align: left;
}

	
/*２カラム
-----------------------------------------------------------------------*/
.col2 #Main{
	float:right;
	width:700px;
	padding:0 0px 0 0px;
	}

.col2 #Sidebar{
	float:left;
	width:200px;
	width:198px;	
	}
.col2 #Sidebar .subMenu{
	background:url(bg_side_menu_btm.jpg) no-repeat bottom;
	padding-bottom:3px;
	border:1px solid #DDD;	
	margin:0 0 20px 0;
	}
.col2 #Sidebar .subMenu h3{
	background:url(bg_side_menu_top.jpg) no-repeat;
	height:40px;
	line-height:40px;
	margin:0;
	text-align:center;
	}
.col2 #Sidebar .subMenu ul{
	list-style-type:none;
	display:block;
	background:url(bg_side_menu.jpg) repeat-y;
	}
.col2 #Sidebar .subMenu ul li{
	margin:0 0 1px 0;
	background:url(bg_side_menu_li.jpg) repeat-x bottom;
	}
.col2 #Sidebar .subMenu ul li a{
	color:#000;
	display:block;
	padding:8px 5px 8px 5px;
	text-decoration:none;
	}
.col2 #Sidebar .subMenu ul li a:hover{
	color:#09F;
	}	

.col2 #Sidebar .bnr{
	margin:0 0 5px 0;}

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

見出し

----------------------------------------------------------------------------------------------------------*/
h2,h3,h4,h5,h6{
	clear:both;
	font-family:"Century Gothic","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;	

}
h2{
	background:url(bg_h2.jpg) no-repeat;
	height:90px;
	line-height:90px;
	font-weight:normal;
	_font-weight:bold;
	font-size:20px;
	color:#000;
	padding:2px 0 0 15px;
	font-weight:normal;
	margin:0px 0px 10px 0px;	
	letter-spacing:1px;
	font-family:"Century Gothic","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";		
	}
#Main h3{
	background:url(bg_h3.jpg) no-repeat;
	font-size:15px;	
	color:#333;	
	padding:18px 10px 18px 10px;
	margin:2px 0 8px 0;
	}
.col2 #Main h3{
	background:url(bg_h3.jpg) no-repeat;
	}
#Main h4{
	font-size:19px;
	line-height:30px;
	font-size:15px;
	padding:0;
	margin:7px 0 5px 0;
	border:dotted #666;
	border-width:0 0 1px 0;
	}
#Main h5{
	background-color:#333;
	font-size:13px;
	padding:3px;
	margin:6px 0 5px 0;
	color:#FFF;
	}
#Main h6{
	color:#666;
	font-size:12px;
	margin:5px 0 4px 0;	
	}
/*箇条書き（リスト）*/

#Main ul{
	margin:0 0 20px 0px;
	list-style-type:none;}
#Main ul li{
	margin:0 0 8px 0;
	line-height:1.6em;
	background:url(ul_li.jpg) no-repeat left;
	padding:2px 0 0 20px;
	}


#Main ol{
	margin:0 0  20px 30px;
	list-style-type:decimal;}
#Main ol li{
	margin:0 0 8px 0;
	line-height:1.6em;
	}

#Main blockquote{
	background:url(bg2.jpg) ;
	padding:20px;
	margin:5px 0 10px 0px ;
	}
/*----------------------------------------------------------------------------------------------------------

　　その他汎用セレクタ

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

/*フォント*/

p.mainfont {font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
.txt{}
.txt p{
	line-height:1.6em;
	margin:0 0 15px 0;}

.B{ font-weight:bold;}
.noB{ font-weight:normal;}
.tBK{ color:#000; }
.tBW{ color:#630; }
.tRD{ color:#F00; }
.tBL{ color:#06C; }
.tGR{ color:#393; }
.tYW{ color:#FC0; }
.tOR{ color:#F60; }
.tPK{ color:#F39; }
.SS{ font-size:10px; }
.S{ font-size:110%; }
.L{ font-size:x-large;}
.LL{ font-size:xx-large;}


/*配置・レイアウト*/
  
.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }

.clrFix{
	zoom:100%;
	clear:both;
	}
.clrFix:after{
    content: "";
    display: block;
    clear: both;
}

/*テーブルセット*/
/**/
.tableA,
.tableB{
	border-collapse:collapse;
	width:100%;
	margin:0 0 10px 0;
	table-layout:fixed;
	}

.tableA th,
.tableB th{
	padding:5px;		
	}
.tableA td,
.tableB td{
	padding:5px;
	}

.tableA{}
.tableA th{
	border:1px solid #FFF;
	background:url(bg3.gif);
	color:#000;
	text-align:center;
	line-height:1.4em;
	font-weight:normal;

	}
.tableA td{
	border:1px solid #FFF;
	background:url(bg4.gif);
	line-height:1.4em;
	}
/**/
.tableB{}
.tableB th{
	border: dotted #666;
	border-width:0 1px 0 0;	
	text-align:right;
	vertical-align:top;
	line-height:1.6em;

	font-weight:normal;
	font-family:"Century Gothic","Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:italic;
	}
.tableB td{
	border: dotted #666;
	border-width:0 0 0 1px;	
	line-height:1.6em;
	padding:5px 5px 20px 5px;
	
	}
/**/
.pic_txt,
.pic_txt2{
	zoom:100%;
	clear:both;
	margin:0 0 10px 0;
	padding:5px;	
}
.pic_txt:after,
.pic_txt2:after{
    content: "";
    display: block;
    clear: both;
}
	
	
.pic_txt{
	background:url(bg2.jpg);
	padding:5px;
	}
.pic_txt .pic{
	float:left;
	width:200px;
	}
.pic_txt .txt{
	float:right;
	width:680px;
	text-align:left;
	}
.col2 .pic_txt .pic{
	float:left;
	width:200px;
	}
.col2 .pic_txt .txt{
	float:right;
	width:460px;
	}
/**/		
.pic_txt2{
	background:url(bg2.jpg);
}
.pic_txt2 .pic{
	width:160px;
	float:left;
	}
.pic_txt2 .txt{
	width:720px;
	float:right;
	text-align:left;
	font-size:80%;
	}
.col2 .pic_txt2 .pic{
	width:160px;
	float:left;
	}
.col2 .pic_txt2 .txt{
	width:500px;
	float:right;
	}
/**/  


#Main img{ border:5px solid #DDD;}
#Main a img { border:5px solid #CCC;}
#Main a:hover img { border:5px solid #0CF;}

/*マウスオーバー画像*/
.hvimg a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;	
	}


.bnrSps_line{
	margin:0 0 10px 0;}
.bnrSps_line ul{
	list-style-type:none;}
.bnrSps_line ul li{
	float:left;
	margin:0 10px 0 0;}	
.bnrSps_line ul li a:hover img{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	
	}	
/**/
#Main ul.photo_list{
	display:block;
	list-style-type:none;
	clear:both;
	zoom:100%;
	width:920px;
	margin:0 0 14px 0;
	}
#Main ul.photo_list:after{
    content: "";
    display: block;
    clear: both;
	}	
#Main ul.photo_list li{
	float:left;
	margin:0 14px 0 0;
	background:none;
	padding:0;
	}
#Main ul.photo_list li.last{
	margin-right:0;
	}

	
/**/

.linkList{
	margin:10px;
	}
.linkList dl{ }
.linkList dt{
	font-size:13px;
	color:#F90;
	font-family:"Century Gothic","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";		
	}
.linkList dt a{
	display:block;
	color:#999;
	}
.linkList dt a:hover{
	background-color:#FC0;
	color:#000;}
.linkList dd{
	font-size:11px;
	background:url(bg_line.gif) repeat-x bottom;
	padding:2px 0 5px 0px;
	margin:0px 0 20px 0 ;}


.pagetop{
	width:920px;
	clear:both;
	margin:0 auto 0 auto;
	height:24px;
}
.pagetop a{
	display:block;
	background:url(btn_page_top.jpg) no-repeat;
	text-indent:-9999px;
	width:84px;
	height:24px;
	float:right;
}

.pagetop a:hover{
     filter:alpha(opacity=65);
     -moz-opacity:0.65;
     opacity:0.65;
	 }
	
.col2 .pagetop{
	width:700px;
	}

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

　　ページ独自

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


/*トップページ
-----------------------------------------------------------------------*/
#HOME{}
#mainImage{
	margin:0 0 20px 0;	
	width:910px;
}
#mainImage:not(:target) {
 /*   width: 920px\9; /* IE9 */
}	
#mainImage p{}
#mainImage p img{}	
#HOME h2{
	font-size:23px;
	height:30px;
	line-height:30px;
	font-weight:normal;
	margin:0 0 5px 0;
	padding-left:5px;
	font-family:"Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font-family:"Century Gothic","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background:none;
	color:#963;
	}
#Info{
	float:right;
	width:350px;
	margin:0 0 30px 0;
	}
#Info #scroll{
	margin:0 0 6px 0;
	}
#Info #scroll span{
	display:block;
	background:url(bg2.jpg);
	padding:5px 5px 2px 5px;
	font-family:"Century Gothic";
}
#Info #scroll p{
	display:block;
	background:url(bg2.jpg) ;	
	padding:5px 5px 10px 5px;
	margin:0 0 3px 0;
	font-size:90%;
	line-height:1.7em;	
	}

#Pickup{
	float:left; width:530px;
	}
#Pickup .clrFix{
	margin:0 0 6px 0;
	padding:5px;
	background:url(bg2.jpg) ;}
#Pickup .pic{
	float:left;
	width:150px;
	}
#Pickup .txt{
	margin:0 0 0 160px;
	line-height:1.7em;
	font-size:90%;
	}


/*お問い合わせ
-----------------------------------------------------------------------*/
#contact{}
#contact span{ color:#F00;}


#contact{}
#contact table{
	width:100%;
	table-layout:fixed;	
	margin:0;
	border-collapse:collapse;
	}
#contact table th{
	color:#000;
	vertical-align:top; padding:14px; text-align:right;
	border:1px solid #EEE;
	background:url(bg3.gif);
	width:30%;
	}
#contact table th span{font-size:12px; color:#F00;  font-weight:normal;}
#contact table td{ 
	width:70%;
	padding:10px;
	border:1px solid #EEE;
	background:url(bg4.gif);
	}
#contact input{ line-height:20px; }
#contact input.txtbox{ margin:2px; 	border:2px solid #DDD;}
#contact .sSize{ width:80px; height:20px;}
#contact .mSize{ width:180px; height:20px;}
#contact .wSize{ width:350px; height:20px;}
#contact .radio{}
#contact .txtarea{ width:350px; height:180px; 	border:2px solid #DDD;}
#contact .formBtn{
	text-align:center;
	}
#contact .formBtn input{
	padding:5px 20px 5px 20px;
	font-size:14px;
	cursor:pointer;
	}
#contact input.focus,
#contact textarea.focus{
	border:2px solid #9CC;
	background-color:#EEE;
}

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

印刷用

----------------------------------------------------------------------------------------------------------*/
@media print {
	
	.display_print{ display:none;}

}