@charset "utf-8";



/*------------------------------------------------------------- 全体構造 */

html, body {
	height: 100%;
	text-align:center;
	font-size:12px;
	line-height:20px;
	margin:0;
	padding:0;
	font-family: Arial,Helvetica,"メイリオ","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka";	}

#wrapper {
	margin:0 auto;
	width:1000px;
	text-align:center;
	overflow:hidden;

	}

#header {
	height: 110px;
	width:1000px;
	text-align: right;
	background-image: url(../img/common/HDD.gif);
	background-repeat:no-repeat;
	border-bottom: solid #CDCDCD 1px;
	margin-bottom:10px;
}

#footer{
	border-top:solid #CDCDCD 1px;
	margin:10px auto;
	width:1000px;
	height:30px;
	text-align:center;
}

#side_r {
	width:787px;
	float:right;
	padding:0;
	text-align:left;
	margin-bottom:15px;
}

#side_l{
	border:solid 1px #CDCDCD; 
	width:200px;
	height:100%;
	float:left;
	padding:5px
	background-color: #E3E3E3;
	color:#666;
}

a{ color: #A27A57; }
a:hover{ color: #630; text-decoration:underline;}
img.under_space{ margin-bottom:10px;}

p{ margin:0 0 10px 0; }

ul{
	padding:0 0 10px 15px;
	margin:0; 
}

/*------------------------------------------------------------テーブル1 */

.tbl1{
border: 1px #CDCDCD solid;
border-collapse: collapse;
border-spacing: 0;
font-size:1.1em;
margin:5px 0;
}

.tbl1 th{
padding: 4px;
border: 1px #CDCDCD solid;
border-width:0 0 1px 1px;
background-color: #f2e6db;
text-align:center;
}

.tbl1 td{
padding: 4px;
border-width:0 0 1px 1px;
border: 1px #CDCDCD solid;
text-align: center;
}

.tblhd{
border: 1px #CDCDCD solid;
border-collapse: collapse;
border-spacing: 0;
font-size:1.1em;
margin:5px 0;
}

.tblhd th{
padding: 4px;
border: 1px #CDCDCD solid;
border-width:0 0 1px 1px;
background-color: #f2e6db;
text-align:left;
}

.tblhd td{
padding: 4px;
border-width:0 0 1px 1px;
border: 1px #CDCDCD solid;
text-align: left;
}



/*------------------------------------------------------------- サイドナビ */
#side_navi{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#side_navi li{
	font size: 1.2em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#side_navi a{ /*リンク文字(通常時)*/
	text-align:left;
	color: #630; /*リンク文字の色*/
	display: block;
	padding: 9px 0 0 33px;
	text-decoration: none;
	background: url(../img/common/navi1.gif) no-repeat;
	height: 26px;
}

#side_navi a:hover /*マウスがリンクに乗った時*/ {
	color: #A27A57; /*リンク文字が白に*/
	background: url(../img/common/navi2.gif) no-repeat;
	height: 26px;

} 

/*-------------------------------------------------------------サブナビ*/
#subnavi{  
	margin: 0;  
	padding: 0;  
	width: 100%;  
}  
  
#subnavi ul{  
	list-style-type: none;  
	margin: 0;  
	padding: 0;  
}  
  
#subnavi li{  
	float: left;  
	width: 100px;  
	margin: 0;  
	padding: 0;  
}  
  
#subnavi a{  
	text-align: center;  
	display:block;  
	padding: 0.5em 0;  
	width: 100%;  
	background-color: black;  
	color: white;  
}  
  
#subnavi a:hover{  
	background-color: red;  
	color: white;  
}  

/*------------------------------------------------------------- 見出し */
h1 {
	margin:0 0 10px 0;
	padding-top:15px;
	font-size: 2.2em;
	height:35px;
	text-align:left;
	text-indent:35px;
	color: #fff;
	font-weight: bold;
	text-shadow:1px 1px 3px #310000;
	background-image: url("../img/common/h1.jpg");
}

h2 {
	margin:0 0 10px 0;
	font-size: 1.5em;
	height:35px;
	padding-top:10px;
	text-align:left;
	color: #A27A57;
	text-indent:18px;
	background-image: url("../img/common/h2.gif");
}

h3 {
	margin:0 0 10px 0;
	font-size: 1.5em;
	height:35px;
	padding-top:10px;
	text-align:left;
	color: #A27A57;
	text-indent:18px;
	background-image: url("../img/common/h3.gif");
}

h5 {
	color: #990000;
	text-decoration:underline;
	font-size: 1.3em;
	margin:0 0 5px 0;
}


/*--------------------------------------リンク画像の内側にボーダー表示*/
a img.bd, a.bd { border: none; overflow: hidden; float: left; }
a:hover.bd { border: 4px solid #FF0; }
a:hover img.bd { margin: -4px; }

/*--------------------------------------リスト画像の内側にボーダー表示*/
ul.border_list {
margin: 0;
padding:0;
}
.border_list li {
float: left;
margin: 0 10px 10px 0;
list-style:none;
}
.border_list a ,
.border_list a img {
float: left;
overflow: hidden;
}
.border_list a:hover {
border: solid 5px #FF0;
}
.border_list a:hover img {
margin: -5px;
}

img {
    border-style:none;
}

/*--------------------------------------ウェアトップページメニュー*/
ul.wear_list {
margin: 0;
padding:0;
}
.wear_list li {
float: left;
margin: 0 10px 10px 0;
list-style:none;
}
.wear_list a ,
.wear_list a img {
float: left;
overflow: hidden;
}
.wear_list a:hover {
border: solid 5px #FF0;
}
.wear_list a:hover img {
margin: -5px;
}

img {
    border-style:none;
}


/*---------------------------------------------------------ウェアテーブル*/
table.wear{
width: 388px;
border: 1px #CDCDCD solid;
border-collapse: collapse;
border-spacing: 0;
font-size:1.1em;
margin-bottom:15px;
}

/*
table.wear a{
color: #A27A57;
}

table.wear a:hover{
color: #630;
text-decoration:underline;
}
*/

table.wear th{
padding: 3px;
border: #E3E3E3 solid;
border-width: 0 0 1px 1px;
width:50px;
background: #f2e6db;
font-weight: normal;
line-height: 120%;
text-align: center;
}

table.wear td{
padding: 5px;
border: 1px #E3E3E3 solid;
border-width: 0 0 1px 1px;
text-align: center;
text-align:left;
}

table.wear th.title{
padding:5px;
font-size:1.2em;
font-weight:bold;
background-image:url(../img/wear/common/wear_title.gif);
text-align:left;
text-indent:12px;
line-height:30px;
color:#FFF;
}

/*heightで高さを指定すると、ブラウザ間で見え方が違うため
　line-heightで指定している。↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

table.wear th.title_j{
padding:5px;
font-size:1.2em;
font-weight:bold;
background-image:url(../img/wear/common/wear_title_j.gif);
text-align:left;
text-indent:10px;
line-height:30px;
color:#FFF;
}

table.wear td.wear{
width:140px;
text-align:center;
}


/*---------------------------------------------------------ウェアテーブル詳細*/
table.wear2{
width: 100%;
border: 1px #CDCDCD solid;
border-collapse: collapse;
border-spacing: 0;
font-size:1.1em;
margin-bottom:15px;
}

table.wear2 th{
padding: 3px;
border: #CDCDCD solid;
border-width: 0 0 1px 1px;
width:80px;
background: #f2e6db;
font-weight: normal;
line-height: 120%;
text-align: center;
}

table.wear2 td{
padding: 5px;
border: 1px #CDCDCD solid;
border-width: 0 0 1px 1px;
text-align:left;
}

table.wear2 th.title{
padding:5px;
font-size:1.2em;
font-weight:bold;
background-image:url(../img/wear/common/wear_title.gif);
text-align:left;
text-indent:12px;
line-height:30px;
color:#FFF;
}

table.wear2 td.wear{
padding: 5px;
border: 1px #CDCDCD solid;
border-width: 0 0 1px 1px;
width:440px;
text-align:center;
}

/*---------------------------------------------------------説明BOX*/
.s_box{
	width:775px;
	padding:15px;
	margin:0;
}

.s_box_gray{
	width:750px;
	padding:10px 10px 1px 10px;
	margin:5px 0;
	background-color: #E6E6E6;
}

/*--------------------------------------------------------ウェアBOX */
.wearbox{
	width:755px;
	padding:0 15px 10px 15px;
	border:solid 1px #CDCDCD;
}
	
/*---------------------------------------------------------影をつける*/
.class_box_shadow{
width: 374px;
min-width: 200px;
min-height: 130px;
margin: auto;
background: #CDCDCD;
border: 5px solid white;
position:relative;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
}
/* <div class="class_box_shadow">your code here</div> */