@charset "shift_jis";
/* 

	Template005 のスタイル

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

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

　　初期設定

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

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

/*フォント設定*/
body {
	color:#666;	
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace, "ＭＳ Ｐゴシック";
	font-size:80%;
}
th,td{
	_font-size:80%;
}
a{	color:#300;　text-decoration:underline;	}
a:hover{
	color:#900;
	text-decoration:underline;
	}


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

　　ベースレイアウト

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

body{
	text-align:center;
	background-color:#FFF;	
	}

#Bg{
	background:url(../images/bg_header.jpg) repeat-x;
	}
#Container{
	width:980px;
	text-align:left;
	position:relative;
	}
#ConBg{
	padding:0 0 20px 0;
	margin:1px 0 0 0;
	zoom:100%;
	}
#ConBg:after{
    content: "";
    display: block;
    clear: both;
}
	
#ContentBox{
	width:700px;	
	float:right;
	margin:10px 0 0 0;
	}
#Main{}

/*ヘッダー
-----------------------------------------------------------------------*/
#Header{
	zoom:100%;}
#Header:after{
    content: "";
    display: block;
    clear: both;
	}	
#Header h1{
	color:#666;
	font-weight:normal;
	font-size:11px;	
	padding:10px 0 0 0px;
	height:15px;
	_height:25px;
	text-align:right;
	}
#Header #Logo{
	width:250px;
	height:150px;
	_height:140px;	
	float:left;
	position:relative;
	background:url(../images/b.png) no-repeat;
	}
#Header #Logo p{
	position:absolute;
	bottom:1px;
	right:1px;	
	font-size:41px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#FFF;	
	}
	
#Header #Logo p a{
	text-decoration:none;
	display:block;
	color:#FFF;
        		
	}
#Header #Logo p a:hover{}	
#Header #LogoRight{
	float:right;
	width:300px;
	padding:50px 0px 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 .infoBox{
	font-size:30px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	text-align:right;
	line-height:50px;
	height:50px;
	vertical-align:top;
	display:block;
	clear:both;
	color:#963;
	padding:0px 10px 0 0;
	}
#Header #LogoRight .infoBox .telmark{
	font-size:10px;
	line-height:30px;
	}	
	
#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{
	font-family:"Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo;	
	display:block;
	_display:normal;	
	padding:0px 12px 0px 12px;
	_padding:6px 12px 0px 12px;	
	height:40px;
	line-height:40px;
	text-decoration:none;
	color:#FFF;
	font-size:20px;
	background:url(../images/b.png);
	}
#Header #LogoRight #upMenu ul li a:hover{
	background-color:#666;
	color:#FFF;
	}

/*メニュー
-----------------------------------------------------------------------*/
#Menu{
	float:left;
	width:250px;
	}
#Menu h3{
        font-size:18px;
        margin:10px 0 5px 100px; 
        color:;
	}
#Menu ul{
	list-style-type:none;
	}
#Menu ul li {
	position: relative;
	text-align:center;
	width:250px;
	background:url(../images/bg_menu_li.jpg) repeat-x bottom;
}
#Menu ul li a{
	width:250px;
	display:block;
	color:#963;
	font-size:14px;
	text-decoration:none;
	height:56px;
	line-height:56px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#Menu ul li a:hover{
	background-color:#ffa500;
	color:#FFF;}
#Menu ul li.on{}
#Menu ul li.on a{
	background-color:#ffa500;
	color:#FFF;}

#Menu ul li.last{}
#Menu ul li.last a{}

#Menu ul li ol{
	position:absolute;
	left:250px;
	_left:251px;	
	top:0;
	background-color:#000;
	width:100%;
	list-style-type:none;
	display:none;
     filter:alpha(opacity=85);
     -moz-opacity:0.85;
     opacity:0.85;	
}
#Menu ol li{
	float:none;
	border-width:0;
	height:auto;
	}
#Menu ol li a{
	background-color:#000;
	text-align:left;
	margin:0;
	display:block;
	padding:10px 0px 10px 20px;
	width:250px;
	font-size:11px;
	line-height:1.1em;
	height:auto;
	border-bottom:1px solid #C96;
	}	
#Menu ol li a:hover{
	background-color:#000 !important;
	color:#FFF;
	}
#Menu ol li.last{ border-bottom:1px #333 solid;}
#Menu ol li.last a{}
#Menu ol li.last a:hover{}

#Menu1 {
       margin-top:90px;
       margin-left:50px;
}
	
/*フッター
-----------------------------------------------------------------------*/

#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;
	left:25px;
	}
#Footer #tplCopy  *{
	font-size:9px;
	color:#CCC;

}
#Footer #tplCopy p a{
	font-size:10px;
	text-decoration:none;
	
}


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

.col2 #Sidebar{
	float:right;
	margin:-50px 0 0 0;
	width:160px;
	}
.col2 #Sidebar .subMenu{
	background:url(bg_side_menu_btm.jpg) no-repeat bottom;
	padding-bottom:3px;
	margin:0 0 20px 0;
	}
.col2 #Sidebar .subMenu h3{
	background:url(bg2.jpg);
	height:30px;
	line-height:30px;
	margin:0;
	text-align:center;
	color:#FFF;
	}
.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_menu_li.jpg) repeat-x bottom;

	}
.col2 #Sidebar .subMenu ul li a{
	display:block;
	color:#963;
	font-size:14px;
	text-decoration:none;
	height:56px;
	line-height:56px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}
.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:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h2{
	background:url(bg_h2.jpg) no-repeat;
	font-weight:normal;
	_font-weight:bold;
	font-size:35px;
	color:#000;
	padding:10px 0 0 0;
	font-weight:normal;
	margin:0px 0px 10px 0px;	
	letter-spacing:1px;
	}
#Main h3{
	font-size:28px;
	font-weight:normal;
	background:none;
	color:#963;
	margin:18px 0 5px 0;
	padding:0;
	}
.col2 #Main h3{}
#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(bg3.gif) ;
	padding:20px;
	margin:5px 0 10px 0px ;
	}
/*----------------------------------------------------------------------------------------------------------

　　その他汎用セレクタ

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

/*フォント*/
.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 #DDD;
	color:#000;
	text-align:center;
	line-height:1.4em;
	font-weight:normal;

	}
.tableA td{
	border:1px solid #DDD;
		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{
	padding:5px;
	}
.pic_txt .pic{
	float:left;
	width:200px;
	}
.pic_txt .txt{
	float:right;
	width:470px;
	text-align:left;
	}
.col2 .pic_txt .pic{
	float:left;
	width:200px;
	}
.col2 .pic_txt .txt{
	float:right;
	width:290px;
	}
/**/		
.pic_txt2{
}
.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:335px;
	float:right;
	}
/**/  




#Main img{ padding:2px; border:1px solid #DDD; }
#Main a img { padding:2px; border:1px solid #DDD; }
#Main a:hover img { padding:2px; border:1px solid #999; }

/*マウスオーバー画像*/
.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%;
	margin:0 0 14px 0;
	}
#Main ul.photo_list:after{
    content: "";
    display: block;
    clear: both;
	}	
#Main ul.photo_list li{
	float:left;
	margin:0 5px 5px 0;
	background:none;
	padding:0;
	}
#Main ul.photo_list li img{
	width:150px;
	height:150px;	
	}	
#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:922px;
	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:0px 0 20px 0;	
	width:690px;
}
#mainImage p{}
#mainImage p img{
	border:5px solid #DDD;}
#HOME h2{
	font-size:36px;
	font-weight:normal;
	margin:0 0 5px 0;
	padding-left:5px;
	background:none;
	color:#963;
	}
#Info{
	margin:0 0 30px 0;
        font-family:"Century Gothic";
	}
#Info #scroll{
	margin:0 0 6px 0;
        font-family:"Century Gothic";
	}
#Info #scroll span{
	display:block;
	padding:5px 5px 2px 5px;
	font-family:"Century Gothic";
	
}
#Info #scroll p{
	display:block;
	padding:5px 5px 10px 5px;
	margin:0 0 3px 0;
	font-size:100%;
        font-family:"Century Gothic";
			
	}

#Pickup{
	}
#Pickup .clrFix{
	margin:0 0 6px 0;
	padding:5px;
	border-bottom:dotted #C93 1px;}
#Pickup .pic{
	float:right;
	width:150px;
	}
#Pickup .txt{
	margin:0 160px 0 0px;
	line-height:1.7em;
	font-size:100%;
        font-family:"ＭＳ ゴシック";
	}



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


#contact{}
#contact table{
	width:100%;
	table-layout:fixed;	
	margin:0;
	border-collapse:collapse;
	}
#contact table th{
	color:#000;
	padding:10px 18px 10px 10px;
	text-align:right;
	border-bottom:dotted #C93 1px;
	width:30%;
	font-weight:normal;
	}
#contact table th span{font-size:12px; color:#F00;  font-weight:normal;}
#contact table td{ 
	width:70%;
	padding:10px 18px 10px 10px;
	border-bottom:dotted #C93 1px;
	}
#contact input{ line-height:20px; padding:4px;}
#contact input.txtbox{ margin:2px; 	border:1px solid #C96;}
#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:1px solid #C96; padding:4px;}
#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:1px solid #963;
	background-color:#EEE;
}

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

印刷用

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

}