@charset "Shift_JIS";


/******* 基本設定 *******/


*{
margin: 0;
padding: 0;
}

body{
text-align: center; /* Internet Explorer 5.5以前への対応 */
font-family: "ＭＳ Ｐゴシック", "Osaka"
line-height: 1.35em;
letter-spacing: 2px;
font-size: 12px;
color: #666;
background-color: #FFF;
}


/******* 基本文字デザイン設定 *******/

p{
text-align: justify;
text-justify: inter-ideograph;
}

strong{
color: #966;
font-weight:bold;
}

em{
color: #c00;
font-weight:bold;
}

hr{
margin: 0 auto;
height: 1px; 
border: none;
color: #333;
background-color: #333;
width: 100%;
}

a, a:link, a:visited{
color: #666;
text-decoration: underline;
}

a:hover {
color: #C00;
text-decoration: underline;
}

img{
vertical-align: bottom;
border: none;
}

img.lefty{
float: left;
}

img.right{
float: right;
margin: 0px 10px;
}

a img{
vertical-align: bottom;
border: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: "ＭＳ Ｐゴシック", "Osaka",Times,Arial,sans-serif;
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight: normal;
color: #333;
}

span.tel{
font-family: sans-serif;
font-size: 14px;
font-weight: bold;
color: #666;
}

span.bold{
font-weight: bold;
}

span.day{
font-size: 10px;
font-weight: normal;
color: #C00;
}

.submit {
text-align: center;
}

textarea{
font-size: 12px;
}

/******* フォーマットのレイアウト *******/


div#container{
margin: 0 auto; /* Internet Explorer 5.5以外 */
text-align: left; /* Internet Explorer 5.5以前への対応 */
position:relative;
width: 1024px;
background-color: #FFF;
background-image: url("../images/bg_line.gif");
background-repeat: repeat-y;
}

div#header{
margin: 0px;
position:relative;
width: 1024px;
height: 100px;
background-color: #FFF;
background-image: url("../images/h_top.gif");
background-repeat: no-repeat;
}

div#flash{
margin: 0px;
position:relative;
width: 1024px;
height: 392px;
background-image: url("../images/bg_line.gif");
background-repeat: repeat-y;
border-top: 1px solid #666;
}

div#leftbox{
margin: 0px;
position:relative;
float: left;
width: 750px;
background-image: url("../images/line.gif");
background-repeat: repeat-y;
border-top: 1px solid #666;
}

div#rightbox{
margin: 0px;
position:relative;
float: right;
width: 274px;
background-color: #FFF;
background-image: url("../images/line.gif");
background-position: right;
background-repeat: repeat-y;
border-top: 1px solid #666;
}

div#top{
margin: 0px;
position:relative;
width: 750px;
height: 101px;
background-image: url("../images/line.gif");
background-repeat: repeat-y;
}

div#whatsnew{
margin: 20px 0px 0px 10px;
padding:20px;
position:relative;
width: 570px;
border: 1px solid #666;
line-height:20px;
}

div#content{
margin: 20px 0px 10px 10px;
position:relative;
width: 720px;
background-color: #FFF;
}

div#column{
margin: 0px 0px 0px 20px;
position:relative;
width: 600px;
background-color: #EEE;
background-image: url("../images/column600.gif");
background-repeat: repeat-y;
}

div#saito{
margin: 0px 30px 10px 30px;
padding: 10px;
position:relative;
float: right;
width: 200px;
text-align: center;
background-color: #FFF;
}

div#menu{
position:relative;
float: left;
width: 180px;
margin: 0px;
background-color: #FFF;
}

div#address{
display:none;
position:relative;
width: 266px;
height: 135px;
background-color: #FFF;
background-image: url("../images/info.gif");
background-repeat: no-repeat;
}

div#footer{
clear: both;
height: 30px;
width: 1024px;
background-image: url("../images/bg_line.gif");
background-repeat: repeat-y;
border-top: 1px solid #666;}

/******* ヘッダ *******/

#header h1{ /* ページタイトル */
position: absolute;
top: 0px;
left: 0px;
padding: 0px;
font-size: 12px;
color: #999;
}

#header h2{ /* サイト名 */
position: absolute;
top: 0px;
right: 0px;
padding: 0px;
font-size: 12px;
color: #999;
}

#header p{ /* ページトピック */
position: absolute;
top: 13px;
right: 0px;
padding: 0px;
font-size: 12px;
color: #999;
}

#header a{
color: #999;
text-decoration: none;
}


/******* トップメニュー *******/

#top p{
text-indent: -9999em;
}

#top img{
margin: 1px;
}


#top em{
float: left;
list-style: none;
text-indent: -9999em;
}

#top a{
text-decoration: none;
display: block;
width: 120px;
height: 30px;
background-image: url("../images/topmenu.gif");
}


/******* トップメニュー配下メニュー配置表 *******/

#top01 a {background-position: 0px 0px;}
#top02 a {background-position: -120px 0px;}
#top03 a {background-position: -240px 0px;}
#top04 a {background-position: -360px 0px;}
#top05 a {background-position: -480px 0px;}
#top06 a {background-position: -600px 0px;}

#top01 a:hover {background-position: 0px 30px;}
#top02 a:hover {background-position: -120px 30px;}
#top03 a:hover {background-position: -240px 30px;}
#top04 a:hover {background-position: -360px 30px;}
#top05 a:hover {background-position: -480px 30px;}
#top06 a:hover {background-position: -600px 30px;}


/******* 新着情報 *******/

#whatsnew img.news{
position: relative;
top: -12px;
left: 10px;
z-index: 3;
}

#whatsnew p{
margin: 10px;
}

#whatsnew a{
text-decoration: none;
}

#whatsnew a:hover {
text-decoration: underline;
}

#whatsnew span.newinfo{
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 20px;
color: #C03;
font-weight: bold;
font-size: 14px;
background-image: url("../images/newscross.gif");
background-repeat: no-repeat;
}

#whatsnew span.newcont{
display: block;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 20px;
}

/******* コンテンツ *******/

#content p.title{
clear: both;
padding: 0px 10px;
background-image: url("../comet.gif");
background-repeat: repeat-y;
}

#content p.main{
clear: both;
padding: 0px 10px;
}

#content p.caption{
padding: 0px 10px;
}

#content p.right{
float: right;
text-align: right;
padding: 0px 10px;
}

#content p.child{
padding: 0px 10px 0px 30px;
}

#content p.whatsnew{
border: 1px solid #FCC;
background-color: #FEE;
margin: 0px 10px 10px 10px;
padding: 10px;
}

#content img.child{
padding: 0px 10px 0px 30px;
}

#content ol,#content ul{
padding: 0px 10px 0px 30px;
}

#content ol.child,#content ul.child{
padding: 0px 10px 0px 50px;
}

#content ol.grandchild,#content ul.grandchild{
padding: 0px 10px 0px 70px;
}


/******* コラム *******/

#column img.left{
float: left;
}


/******* メディア *******/

div.newmedia{
margin: 0px 10px 10px 0px;
position:relative;
float: left;
width: 570px;
height: 150px;
border: 1px solid #C00;
background-color: #FFF;
background-image: url("../images/0701abc01.jpg");
background-repeat: no-repeat;
}

div.newmedia p{
margin: 25px 5px 5px 210px;
}

div.newmedia p.detail{
margin: 25px 5px 5px 210px;
text-align: right;
}

div.media{
margin: 0px 10px 10px 0px;
position:relative;
float: left;
width: 280px;
height: 154px;
border: 1px solid #666;
background-color: #FFF;
}

div.media img{
margin: 2px;
padding: 0px;
float: left;
}

div.media p{
margin: 5px 5px 5px 120px;
}

div.media p.detail{
margin: 5px 5px 5px 120px;
text-align: right;
vertical-align: bottom;
}

div.freebox{
margin: 10px;
position:relative;
float: left;
}


/**************** テーブル(price) *****************/


table.price{
width: 600px;
margin: 10px 20px;
font-size: 12px;
line-height: 2em;
vertical-align: bottom; 
border-collapse: collapse;
border: none;
}

table.price caption{
margin: 0px 10px;
font-weight: bold;
text-align: left;
color: #393;
}

table.price td{
border-width: 1px 0px;
border-color: #393;
border-style: solid;
empty-cells: show;
text-align: left;
vertical-align: bottom; 
}

table.price td.yen{
text-align: right; 
}

table.price td.em1{
color: #C66;
}

table.price td.em2{
color: #363;
}

table.price td.em3{
color: #966;
}

table.price td.em4{
color: #336;
}

table.price span.em5{
font-family: sans-serif;
font-size: 14px;
font-weight: bold;
color: #C66;
}

table.price th{
border-width: 1px 0px;
border-color: #393;
border-style: solid;
empty-cells: show;
font-weight: bold;
text-align: left;
vertical-align: top; 
color: #393;
}

table.price a,table.price a:link,table.price a:visited{
color: #393;
text-decoration: none;
}

table.price a:hover {
color: #060;
text-decoration: underline;
}


/**************** テーブル(column) *****************/


table.column{
width: 400px;
margin: 10px 20px;
font-size: 12px;
line-height: 2em;
vertical-align: bottom; 
border-collapse: collapse;
border: 1px solid #fff;
}

table.column caption{
margin: 0px 10px;
font-weight: bold;
text-align: left;
color: #666;
}

table.column td{
border: 1px solid #fff;
empty-cells: show;
}

table.column th{
width: 100px;
border: 1px solid #666;
empty-cells: show;
font-weight: bold;
text-align: center;
color: #666;
}

table.column a,table.column a:link,table.column a:visited{
color: #666;
text-decoration: none;
}

table.column a:hover {
color: #060;
text-decoration: underline;
}


/**************** テーブル(input) *****************/


table.input{
width: 540px;
margin: 10px 20px;
font-size: 12px;
line-height: 2em;
vertical-align: top; 
border-collapse: collapse;
border: none;
}

table.input td{
padding: 2px;
vertical-align: top; 
empty-cells: show;
text-align: left;
border-width: 0px 0px 1px 0px;
border-color: #393;
border-style: solid;
background-color: #f6f6f6;
}

table.input th{
padding: 2px;
vertical-align: top; 
empty-cells: show;
font-weight: bold;
text-align: left;
border-width: 0px 0px 1px 0px;
border-color: #393;
border-style: solid;
color: #393;
background-color: #f6f6f6;
}


/******* メニュー *******/


/******* ライトウイング *******/


/******* アドレス *******/

#address p{
text-indent: -9999em;
}


/******* フッタ *******/

#footer h3,#footer h4,#footer h5,#footer h6{
float: right;
padding: 10px 10px 10px 0px;
color: #333;
font-size: 12px;
}

#footer a{
color: #333;
text-decoration: none;
}


/******* コメント *******/
p.comment{
border: 1px solid #00F;
margin: 20px;
padding: 10px;
color: #00F;
background-color: #FFF;
}