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

/****************************************
		1. 基本設定 
*****************************************/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
img {
	border:0;
}
ul,ol,li {
	list-style:none;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Fonts　フォントサイズを相対指定する↓　*/
body{
	font:13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    *font-size:small;/* IE用 */
    *font:x-small;/* IE 互換モード用 */
	line-height:130%;
	
	
}

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

/*　↓リンクに対する共通設定↓　*/
a {
	text-decoration:none;
	
}

a:link{
	color:#333333;
}

a:visited{
	color:#333333;
}

a:hover{
	color:#ff0000;
}

a:hover img{
    filter:alpha(opacity=77); 
    -moz-opacity: 0.7; 
    opacity: 0.7;
}

body{
	background: #0f57c5;
}

/*layout*/

#head_out{
	background:#ffffff;
	background-image:url(../images/head_bg.jpg) ;
	
}


#head{
	margin: 0 auto;
	width: 950px;
	height: 80px;
	/*background: #08CCCC;*/
	background: url(../images/head_img.jpg) no-repeat;
	position: relative;
}
/*head*/

h1{
	position: absolute;
	top: 0px;
	left:85px;
	font-size: 88%;
	font-weight: lighter;
}

#g_nav ul{
	position: absolute;
	top: 50px;
	right: 10px;
}

#g_nav ul li{
	float: left;
	font-size: 116%;
	margin-right: 18px;
	font-weight:bold;
}

#nav_top ul{
	position: absolute;
	top: 10px;
	right: 10px;
}

#nav_top ul li{
	float: left;
	font-size: 93%;
	margin-left: 15px;
	
}


/*contents*/

#contents_out{
	margin:0 auto;
	width:950px;
}

#contents{
	margin:0 auto;
	width:950px;
	/*height:1050px;*/
	height:auto;
	background:#eaeaf2;
}

#side_bar{
	float:left;
	width:220px;
	height:600px;
	margin-left:20px;
	/*background-color:#00CC66;*/
}

#link img{
	margin-top:15px;
	margin-left:0;
}

#shop_info{
	width : 224px;
	height : 578px;
	margin-top:20px;
	border:solid 1px #ff0000;
	text-align:center;
}

#shop_info h2{
	background:#FF0000;
	color:#FFFFFF;
	font-size:108%;
}

#shop_info img{
	margin:5px auto ;
	
}

#main{
	float:left;
	width:690px;
	/*height:700px;*/
	height:auto;
	margin-right:20px;
	/*background-color:#3333FF;*/
}

#news{
	margin-left:30px;
	margin-top:15px;
}

#news_box{
	width:658px;
	height:100px;
	overflow:scroll;
	border:solid 1px #FFCC00;
	text-indent:30px;
	line-height:20px;
}

#nousha{
	margin-left:30px;
	margin-top:15px;
}

#nousha_box{
	width:658px;
	height:270px;
	border:solid 1px #369aff;
}

.nousha1{
	float:left;
	width:300px;
	height:100px;
	margin-left:25px;
	margin-top:20px;
}

.nousha1 h3{
	color:#FF0000;
	font-size:93%;
}

.nousha1 p{
	margin-left:5px;
}

.nousha1 img{
	float:left;
}

.right{
	float:right;
	margin-top:15px;
	margin-right:10px;
}

#nousha_box a{
	color:#0000FF;
} 


#voice{
	margin-left:30px;
	margin-top:15px;
}

#voice_box{
	width:658px;
	height:190px;
	border:solid 1px #00cc66;
}

.voice1{
	float:left;
	width:200px;
	height:100px;
	margin-left:15px;
	margin-top:5px;
}

.voice1 h3{
	color:#FF9900;
	text-align:center;
	/*font-size:93%;*/
}

.voice1 img{
	/*float:left;*/
	margin-left:36px;
}


#complete{
	margin-left:30px;
	margin-top:15px;
}

#complete_box{
	width:658px;
	height:370px;
	border:solid 1px #FF99CC;
}

.complete1{
	float:left;
	width:200px;
	height:100px;
	margin-left:15px;
	margin-top:5px;
}

.complete1 h3{
	color: #0066FF;
	text-align:center;
	height:50px;
	/*font-size:93%;*/
}

.complete1 img{
	/*float:left;*/
	margin-left:36px;
}


.main_h2{
	margin-bottom:10px;
}

.b_nav{
	margin:0 auto;
	width:670px;
}


.b_nav li{
	float: left;
	font-size: 93%;
	margin-top:20px;
	margin-bottom:10px;
	margin-left: 35px;
	background:url(../images/arrow_b.png) no-repeat 0 2px ;
	text-indent:15px;
}

.copy1{
	clear:both;
	margin-top:10px;
	text-align:center;
}


#bottom{
	width:950px;
	margin:0 auto;
}

#bottom a{
	color:#FFFFFF;
}



.bottom_r{
	float:right;
	margin-right:10px;
}

.copy{
	margin-left:300px;
	margin-right:300px;
	width:350px;
}



/*    index     */


/*   photo    */

#nousha_box2{
	width:658px;
	height:2200px;
	border:solid 1px #369aff;
}

.photo_menu li{
	display:block;
	float:left;
	width:200px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	margin-left:15px;
	margin-bottom:10px;
	background-color:#FF6600;
	text-align:center;
}

.photo_menu li a{
	color:#FFFFFF;
	display:block;
	width:200px;
	height:30px;
}

/*   privacy    */

#privacy_box{
	width:658px;
	height:650px;
	border:solid 1px #999999;
}

.privacy_c{
	margin:10px 15px;
}

/*   company    */

#company_box{
	width:658px;
	height:830px;
	border:solid 1px #9966cc;
}

#company_box th{
	background:#999999;
	padding:5px;
	color:#FFFFFF;
}

/*   about    */

.about_box{
	width:658px;
	height:340px;
	border:solid 1px #ff99cc;
	margin-bottom:30px;
}

.about_box h3{
	margin-top:5px;
	color:#FF0000;
}

.about_box p{
	margin: 0px 25px;
}

.about_box_staff{
	width:658px;
	height:650px;
	border:solid 1px #ff99cc;
	margin-bottom:30px;
}

.about_box_staff h3{
	margin-top:5px;
	text-align:center;
	color:#000000;
}

.about_box_staff p{
	margin: 0px 10px;
}

.about_box_staff img{
	margin: 0px 20px;
}

.staff{
	float:left;
	width:300px;
	height:300px;
	margin-left:25px;
	margin-top:20px;
}

/*   zenkoku    */

#zenkoku_box{
	width:658px;
	height:900px;
	border:solid 1px #FFCC00;
}

#zenkoku_box h3{
	border-bottom:solid 1px #0099FF;
	border-left:solid 8px #0099FF;
	font-weight:lighter;
}

#zenkoku_box td{
	vertical-align:top;
}

#zenkoku_box td p{
	margin:5px 5px 10px;
	line-height:136%;
}

/*   jimny    */

.jimny_box{
	width:658px;
	height:auto;
	/*height:340px;*/
	border:solid 1px #00cc66;
	margin-bottom:30px;
}

.jimny_box h3{
	margin-top:15px;
	margin-bottom:10px;
	text-indent:20px;
	color:#FF0000;
}

.jimny_box p{
	margin: 0px 25px;
}

.jimny_box img{
	margin-bottom:15px;
}

.jimny_box td{
	text-align:center;
}

.jimny_box td{
	margin-bottom:10px;
}

#link_jimny{
	margin-top:55px;
	
}


#link_jimny li{
	font-size: 131%;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:15px;
	margin-left: 10px;
	background:url(../images/arrow_b.png) no-repeat 0 2px ;
	text-indent:15px;
}

/*   photo    */

.photo_box2{
	width:658px;
	height:auto;
	/*height:340px;*/
	border:solid 1px #369aff;
	margin-bottom:30px;
}

.photo_box2 h3{
	margin-top:15px;
	margin-bottom:10px;
	text-indent:20px;
	color:#FF0000;
}

.photo_box2 p{
	margin: 0px 25px;
}

.photo_box2 img{
	margin-bottom:15px;
}

.photo_box2 td{
	text-align:center;
}

.photo_bo2x td{
	margin-bottom:10px;
}

/*   contact    */

#contact{
	color:#000000;
	height:700px;
	
	border-bottom:solid 1px #33cc99;
	border-right:solid 1px #33cc99;
	border-left:solid 1px #33cc99;
}

#contact table {
	border-collapse:collapse;
}

#contact td,th{
	font-size:14px;
	
}

/*#contact th{
	background-color:#0066ff;
	color:#FFFFFF;
}*/

#contact td{
	padding-left:20px;
	
	line-height:26px;
	color:#000000;
}

.btn_box{
	font-size:20px;
}