/******　共通　******/
body{
margin:0px;
padding:0px;
background-color:#FFFFFF;
background-image:url("/images/background800.gif");
background-position:center top;
font-family:Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:10px;
line-height:160%;
color:#000000;
text-align:center;
}
#mainBoard{
width:800px;
height:auto;
margin-top:50px;
margin-left:auto;
margin-right:auto;
background-color:#DDDDDD;
font-size:10px;
text-align:left;
float:none;
clear:both;
}
#bottomBoard{
width:800px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
text-align:left;
}
.contents{
width:740px;
margin:auto 30px;
}
.scrollFrame{
height:370px;
width:470px;
overflow:auto;
}
/*　左側ナビ　*/
#leftNaviBox{
width:195px;
text-align:left;
float:left;
}
#navi{
width:103px;
margin-top:30px;
float:left;
}
#navi ul{
list-style:none;
margin:0;
padding:0;
}
#navi li{
margin-bottom:10px;
}
/* 右側　*/
#rightBox{
width:500px;
float:right;
padding:30px 0px;
text-align:right;
}
#whiteBox{
width:470px;
margin:10px 0px;
padding:20px 15px;
background-color:#FFFFFF;
float:right;
font-size:10px;
text-align:left;
}
#bar_title{
width:470px;
height:13px;
vertical-align:top;
text-align:left;
padding-bottom:5px;
margin-bottom:30px;
border-bottom:2px #000000 solid;
}
#bar_bottom{
width:470px;
height:2px;
margin:30px 0px 0px 0px;
border-top:2px #000000 solid;
}
.btnBack{
margin-top:80px;width:50px;float:right;
}
/*　下側ナビ　*/
#bottomNavi{
width:500px;
margin-top:70px;
float:left;
}
#bottomNavi ul{
margin:0px;
padding:0px;
list-style:none;
list-style-position:inside;
font-family:Arial, Helvetica, sans-serif;
}
#bottomNavi li{
border-left:1px #FF0000 solid;
padding:0px 3px;
text-align:center;
float:left;
}
#bottomNavi li.right{
border-right:1px #FF0000 solid;
}
#bottomNavi li a{
text-decoration:none;
color:#FF0000;
}
#bottomNavi .now{
text-decoration:none;
color:#000000;
}
#bottomNavi li a:hover,a:active{
text-decoration:none;
color:#000000;
}
/*　問い合わせ　*/
#infoMail{
padding-right:30px;
padding-bottom:15px;
background-color:#FFFFFF;
text-align:right;
}
/* 下ロゴリンク　*/
#logo440{
width:157px;
margin-top:20px;
float:right;
}
/*　フッター　*/
#footer{
width:740px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:9px;
letter-spacing:0.05em;
float:none;
}

/****** トップページ用 ******/
#mainBoardTop{
width:800px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
#topFlash{
margin:50px auto 107px auto;
}
#topNews{
width:450px;
float:left;
}
#topNews dl{
list-style:none;
list-style-position:inside;
margin:0;
padding:0;
}
#topNews dt{
width:60px;
float:left;
margin-bottom:0.2em;
}
#topNews dd{
width:380px;
margin-left:10px;
margin-bottom:0.2em;
float:left;
}
/****** Design ******/
#whiteBoxDesign{
margin:10px 0px;
padding:20px 15px;
background-color:#FFFFFF;
float:right;
}
#designMenu{
width:197px;
margin-top:106px;
margin-left:15px;
padding:0px;
float:right;
}
#designMenu_left{
width:197px;
margin-top:70px;
float:left;
}
#designMenu img{
margin-bottom:8px;
}
#designMenu_left img{
margin-bottom:8px;
}
#designMenu_bottom{
width:180px;
margin-top:100px;
font-size:11px;
font-weight:bold;
float:left;
vertical-align:text-bottom;
}
#designMenu_bottom img{
margin-right:10px;
}
#designFrame{width:470px;height:auto;}
#rightBoxLogo{
width:520px;
float:right;
padding:30px 0px;
text-align:right;
}
#whiteBoxLogo{
width:520px;
margin:10px 0px;
background-color:#FFFFFF;
text-align:center;
float:right;
}
#pageLogos{margin:10px 0px;}
#pageLogos img{margin:5px;}
/****** Magazine ******/
#rightBox_mag{
width:540px;
background-color:#DDDDDD;
font-size:10px;
text-align:right;
float:right;
padding:30px 0px;
}
.mag_center{
margin:0px 18px;
}
.mag_textBox{
width:352px;
font-size:9px;
text-align:left;
line-height:150%;
float:left;
}
.mag_bannar{
width:168px;
float:left;
margin-left:20px;
}
/* Magazine Ajax部分 */
#whiteBoxMag{
width:552px;background-color:#FFFFFF;padding:15px 50px;
}
#naviMag{
width:552px;margin-top:15px;
}
.magNaviLeft{float:left;}
.magNaviLeft img{margin-right:10px;}
.magNaviRight{float:right;}
.magNaviRight img{margin-left:5px;}

/****** Catalog ******/
#catalogNavi{margin-bottom:10px;}
#catalogNavi img{margin-bottom:4px;}
#catalogPageNavi{margin-bottom:20px;}
#catalogPageNavi img{margin-right:5px;}
/****** About ******/
#grayBox{
width:500px;
margin:10px 0px;
background-color:#DDDDDD;
float:right;
font-size:10px;
text-align:left;
}
#grayBox dl{
margin:0px;padding:0;
width:100%;
}
#grayBox dd{
margin:0px 10px 5px 0px;padding:0;
width:130px;
height:24px;
float:left;
}
#grayBox dt{
margin:0px 0px 5px 0px;padding:0;
width:360px;
height:24px;
line-height:130%;
float:right;
}
/****** Contact ******/
.contactBox{width:470px;font-size:10px;text-align:left;line-height:150%;}
.formTitle{vertical-align:top;text-align:left;font-size:9px;margin-bottom:20px;}
.formBox{vertical-align:top;margin-bottom:20px;}
.formBoxStyle{width:230px;margin-left:9px;margin-bottom:20px;}
.formBoxStyle2{width:470px;height:100px;}

/****** News Release ******/
#news_list{
width:450px;
margin:0px;
padding:0px;
text-align:left;
}
#news_list dd{
width:80px;
margin:0px;
padding:0px;
color:#666666;
float:left;
}
#news_list dt{
width:360px;
margin:0px 0px 5px 10px;
padding:0px;
line-height:120%;
}
/****** SiteMap用 ******/
.sitemapList{width:450px;}
.sitemapList dl{margin:0px 0px 0px 10px;padding:0px;}
.sitemapList dt{width:100px;margin:0px 0px 7px 0px;float:left;}
.sitemapList dd{width:300px;margin:0px 0px 7px 10px;float:right;}
.sitemapList a{text-decoration:underline;}
#designList{margin-left:20px;}

/******　装飾、調整、デザイン要素　******/
/*　テキストリンク　*/
a {color:#000000;text-decoration:underline;}
a :hover{color:#000000;text-decoration:none;}
a :visited{color:#000000;text-decoration:none;}
a :active{color:#000000;text-decoration:none;}
p{margin:0 0 1em 0;}
img{border:none;}
.clearfix:after{content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{display: inline-block;}
* html .clearfix{height:1%;}
/*　テキスト　*/
.text_red{color:#FF0000;}
.text_bold{font-weight:bold;}
.text_left{text-align:left;}
.text_right{text-align:right;}
.font9{font-size:9px;line-height:120%;}
.font10{font-size:10px;line-height:120%;}
/*　回り込み　*/
.float_l{float:left;}
.float_r{float:right;}
.float_n{float:none;}
.float_c{clear:both;}

.ma1010{margin:10px;}
.ma0010{margin:0px 10px;}
.ma1000{margin:10px 0px;}
.ma_l10{margin-left:10px;}
.ma_l20{margin-left:20px;}
.ma_t10{margin-top:10px;}
.ma_t20{margin-top:20px;}
.ma_b10{margin-bottom:10px;}
.ma_b30{margin-bottom:30px;}