@charset "euc-jp";
/* CSS Document */

/*全体の設定*********************************************/

html,body{
margin:0;
padding:0;
}

html{
width:100%;
background-color:#000000;
}

body{
width:100%;
text-align:center;
margin:auto auto;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/********************************************************
	floatの親の囲みが内容に依存しない問題対策
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block;
}

a img{
border:none;
}

a{
text-decoration:none;
}

img {
border:none;
display:inline;
list-style-image:none;
vertical-align:bottom;
margin:0px;
padding:0px;
border:none;
}

/*メイン設定*********************************************/



#main{
margin-top:0px;
margin-bottom:0px;
margin:auto auto;
padding:10px 0 0 0;
width:860px;
background-color:#333333;
}

/*ヘッター設定*********************************************/

#header{
margin:0px;
padding:0px;
width:860px;
height:289px;
background-image:url(../img/common/h_bg_top.jpg);
font-size:9px;
font-weight:normal;
color:#4573B3;
}

#header h1{
margin:0px;
padding:5px 15px 5px 5px;
color:#FF7F00;
font-size: 11px;
font-weight: bold;
text-align:right;
}

#header h1 a:link, #header h1 a:visited {
color:#FF7F00;
background:transparent;
text-decoration:none;
}

#header h1 a:hover, #header h1 a:active, #header h1 a:focus {
color:#FF0000;
background:transparent;
text-decoration:none;
}

/*コンテンツ部分*********************************************/

#content{
margin:0;
padding:0px 0 0 0px;
width:640px;
background-color:#333333;
float:left;
clear:none;
text-align:left;
}

/*ヘッター下部設定*********************************************/

#header_under{
margin:0 0 10px 0;
padding:0px;
width:640px;
height:145px;
background-image:url(../img/common/h_bg_bottom.jpg);
float:left;
clear:both;
}

#header_under h2{
margin:0px;
padding:45px 50px 0 0;
color:#CCCCCC;
font-size: 17px;
line-height:26px;
font-weight:normal;
text-align:right;
}

/*カテゴリー部分*********************************************/

.gra_top_ie{
margin:0px 0 0 20px;
padding:0px;
width:600px;
height:48px;
background-image:url(../img/common/c_bg_top.gif);
text-align:left;
clear:both;
}

.gra_top{
margin:10px 0 0 20px;
padding:0px;
width:600px;
height:48px;
background-image:url(../img/common/c_bg_top.gif);
text-align:left;
clear:both;
}

.gra_top_ie img, .gra_top img{
margin:0px;
padding:5px;
}

.gra_bg{
margin:0px 0 0 20px;
padding:0px;
width:595px;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#0D0D0D,EndColorStr=#1A1A1A);
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAPoCAYAAAAftpReAAAAT0lEQVRYhe3ExxHAMAgAQTWAAsr9F2o14QEet49NIvIlilDOmWJUSiH3aq1kX2uNYqSqFKPeO9k3xiD35pwUo7UW2bf3phidc8i9ey/91gPGb8IfzS41hAAAAABJRU5ErkJggg==");
background-repeat:repeat-x;
background-color:#1A1A1A;
border-right: 5px solid #0D0D0D;
}

.gra_bg .bottom{
margin:0px 0 0 0px;
padding:0px;
width:600px;
height:23px;
}

#content .bottom_sche{
margin:0px 0 0 20px;
padding:0px;
width:600px;
height:23px;
}

/*ナビゲショーン部分*********************************************/

#nav{
float:right;
margin:0px 0px 0 0;
padding:0px;
width:219px;
/*background-image:url(../img/common/b_bg.gif);*/
clear:none;
}

#botton{
width:200px;
margin:0px;
padding:0px;
background-color:#000000;
}

#botton p{
margin:0px;
padding:0 0 15px 0;
float:left;
clear:both;
}

#botton p a{
display:block;
height:37px;
width:200px;
}

#botton p a:hover,
#botton p a:active{
text-indent:-9999px;
}

#botton .b01{
background:url(../img/common/b01_on.gif) no-repeat;
background-color:#000000;
}

#botton .b02{
background:url(../img/common/b02_on.gif) no-repeat;
background-color:#000000;
}

#botton .b03{
background:url(../img/common/b03_on.gif) no-repeat;
background-color:#000000;
}

#botton .b04{
background:url(../img/common/b04_on.gif) no-repeat;
background-color:#000000;
}

#botton .b05{
background:url(../img/common/b05_on.gif) no-repeat;
background-color:#000000;
}

#botton .b06{
background:url(../img/common/b06_on.gif) no-repeat;
background-color:#000000;
}

#botton .b07{
background:url(../img/common/b07_on.gif) no-repeat;
background-color:#000000;
}

#botton .b08{
background:url(../img/common/b08_on.gif) no-repeat;
background-color:#000000;
}

#botton .b09{
background:url(../img/common/b09_on.gif) no-repeat;
background-color:#000000;
}

#botton .bottom{
margin:0px;
padding:0px;
}

/*バナー部分*********************************************/

#banner{
width:200px;
margin:0px;
padding:10px 0 0 0;
clear:both;
background-color:#333333;
}

#banner p{
margin:0px;
padding:0px;
float:left;
clear:both;
}

#banner p a{
display:block;
width:200px;
height:89px;
clear:both;
}

#banner p a:hover,
#banner p a:active{
text-indent:-9999px;
}

#banner .bana01{
background:url(../img/common/d_bana_on.jpg) no-repeat;
margin-bottom:5px;
}

#banner .bana02{
background:url(../img/common/m_bana_on.jpg) no-repeat;
margin-bottom:5px;
}

#banner .bana03{
background:url(../img/common/c_bana_on.jpg) no-repeat;
margin-bottom:5px;
}

#banner .bana04{
background:url(../img/common/r_bana_on.jpg) no-repeat;
margin-bottom:5px;
}

/*QRコード部分*********************************************/

#code{
margin:0px;
padding:0px;
width:200px;
height:95px;
background-image:url(../img/common/code_bg.gif);
clear:both;
}

#code p{
margin:0px;
padding:10px 0px 0px 10px;
width:100px;
color:#FFFFFF;
font-size:13px;
line-height:17px;
text-align:left;
float:left;
clear:none;
}

#code .code_img{
margin:10px 15px 0 0;
padding:0px;
clear:none;
float:right;
}

/*住所部分*********************************************/

#add{
margin:5px 0 0 0;
padding:0;
width:200px;
height:211px;
background-image:url(../img/common/add_bg.jpg);
clear:both;
}

#add p{
margin:0px;
padding:103px 0 0 5px;
color:#FFFFFF;
font-size:12px;
line-height:15px;
text-align:left;
float:left;
clear:none;
}

/*フッター部分*********************************************/

#footer{
background-image:url(../img/common/f_bg.gif);
width:840px;
height:127px;
float:left;
margin:10px 0 0 10px;
padding:2px 0 0 0;
}

#f_list {
margin:0px;
padding:0 0 10px 0;
width:840px;
height:17px;
text-align:right;
}

#f_list ul{
margin-top:0px;
padding-top:0px;
padding:0px;
display:inline;
list-style:none;
text-decoration:none;
}

#f_list ul li {
display:inline;
margin:0px 10px 0 0;
list-style:none;
text-decoration:none;
color:#FFFFFF;
text-align:right;
font-size:10px;
}

#f_list ul a:link, #f_list ul a:visited {
color:#FFFFFF;
background:transparent;
text-decoration:none;
padding:0px;
margin:0px;
}

#f_list ul a:hover, #f_list ul a:active, #f_list ul a:focus {
color:#FF0000;
background:transparent;
text-decoration:none;
padding:0px;
margin:0px;
}

#footer p{
margin:30px 10px 0 0;
padding:0px;
text-align:right;
font-size:12px;
line-height:14px;
color:#FFFFFF;
}

#footer .copy{
margin:15px 10px 0 0;
padding:0px;
text-align:right;
font-size:11px;
line-height:14px;
color:#FFFFFF;
}

#footer a:link, #footer a:visited {
color:#FFFFFF;
background:transparent;
text-decoration:none;
}

#footer a:hover, #footer a:active, #footer a:focus {
color:#FF0000;
background:transparent;
text-decoration:none;
}


/**********************************************/

.center{
text-align:center;
}

/*カラー部分*********************************************/


.green{
color:#33A02C;
}

.orange{
color:#FF7F00;
}

.cred{
color:#FF0000;
}

.red{
color:#FF0000;
}

.yellow{
color:#ffcc00;
}