/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	color:#000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 150%;
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(../common/background.jpg);
}

p {
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	}

/*標準リンク*/
a {text-decoration: none;}
a:link {color: #456EA0;}
a:visited {color: #456EA0;}
a:active {color: #456EA0;}
a:hover {color: #335277; text-decoration: underline}

/*テーブル設定*/
#main table{
	border-collapse : collapse ;
	border-width : 1px 0 0 0;
	border-style : solid ;
	border-color : black ;	/* IE 6(Win)向け */
	}
#main td {
	border-width : 0 0 1px 0;
	border-style : solid;
	padding : 0.5em;
	font-size: 10px;
}


/*テーブル設定（メイ戸）*/
#areainfo #main table{
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
}

#areainfo #main table colgroup{
	background-color:#f0f0f0;
}

#areainfo #main table td{
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
}

#areainfo #main table thead{
	background-color:#f0f0f0;
}

#areainfo #main table thead td{
	text-align:center;
	font-weight:bold;
}

#areainfo #main table td.button{
	text-align:center;
}

#areainfo #main table td.name{
	background:url(../common/arrow004.gif) no-repeat 7px center;
	padding:0 0 0 18px;
}

#areainfo #main table td.name a{
	text-decoration:underline;
	padding:0 18px 0 0;
	background:url(../common/target.gif) no-repeat right center;
}



#layout {
	padding: 0px;
	width: 760px;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	text-align: left;
	background-image: url(../common/layoutBg.gif);
	background-repeat: repeat-y;
	border: solid #CCC 1px;
}

#header {
	background-color:#194F9E;
	width: 760px;
	height: 55px;
	position: relative;
	}
#header img{
	float: right;
	margin: 5px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

#header h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position: 10px 13px;
	background-image: url(../common/logo_format.jpg);
	float: left;
	}

#header h1 a {
	width: 233px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	}
/*
#mainVisual h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../common/mainVisual001.jpg);
	background-repeat:no-repeat;
	height: 152px;
	}
*/

#mainVisual h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 152px;
	}

#mainVisual #img001{
	background-image:url(../common/mainVisual001.jpg);
	background-repeat:no-repeat;
	}

#mainVisual #img002{
	background-image:url(../common/mainVisual002.jpg);
	background-repeat:no-repeat;
	}

#mainVisual #img003{
	background-image:url(../common/mainVisual003.jpg);
	background-repeat:no-repeat;
	}

#mainVisual #img004{
	background-image:url(../common/mainVisual004.jpg);
	background-repeat:no-repeat;
	}

#mainVisual #img005{
	background-image:url(../common/mainVisual005.jpg);
	background-repeat:no-repeat;
	}

#mainVisual #img006{
	background-image:url(../common/mainVisual006.jpg);
	background-repeat:no-repeat;
	}

#mainVisual #img007{
	background-image:url(../common/mainVisual007.jpg);
	background-repeat:no-repeat;
	}
#mainVisual #img008{
	background-image:url(../common/mainVisual008.jpg);
	background-repeat:no-repeat;
	}
#mainVisual #img009{
	background-image:url(../common/mainVisual009.jpg);
	background-repeat:no-repeat;
	}
#mainVisual h2 span{
	display:none;
	}



#location {
	font-size:10px;
	width: 750px;
	background-color: #194F9E;
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 10px;
	color: #FFFFFF;
}
#location a {text-decoration: none;}
#location a:link {color: #FFFFFF;}
#location a:visited {color: #FFFFFF;}
#location a:active {color: #456EA0;}
#location a:hover {color: #FFFF00; text-decoration: underline}


/*共通設定*/
.key{
	color:#FF0000;
	font-size:10px;
	}





/*サイド*/
#side{
	width:148px;
	float:left;
	background-color:#F0F0F0;
	margin:0px;
	padding:20px 0px 0px 6px;
	}
#side #navi{
	width:142px;
	}
#side #navi ul{
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style:none;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	font-size:10px;
	line-height:150%;
	border-right:1px solid #666666;
	}
#side #navi ul li{
	margin:0px;
	padding:0px;
	display:inline;
	}
#side #navi ul li a{
	margin:0px;
	padding:5px 0px 0px 14px;
	width:126px;
	display:block;
	color:#000000;
	text-decoration:none;
	background:#CCCCCC;
	border-bottom:1px solid #666666;
	}
#side #navi a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#666666;
	}

#side h4{
	font-size:10px;
	font-weight:bold;
	background-color:#999999;
	margin:0px;
	padding:0px 0px 0px 4px;
	border-left-color:#666666;
	border-left-style:solid;
	border-left-width:5px;
	color: #FEFEFE;
	letter-spacing: 0.2em;
	}

#side .creditBox{
	border: solid #000000 1px;
	padding: 8px;
	width: 123px;
	background-color: #FFFFFF;
	}
#side .creditBox h5{
	border-left: 5px;
	padding: 7px 5px 5px 5px;
	width: auto;
	border-left-color: #333333;
	border-left-style: solid;
	line-height: 100%;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0px　5px　0px;
	color: #333333;
	}
#side .creditBox p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 10px;
	line-height: 120%;
	}
#side .creditBox h6{
	font-size:12px;
	font-weight:bold;
	color: #333333;
	margin: 4px 0px 0px 0px;
	}

/*link*/
#side #link{
	margin:10px 7px 20px 0px;
	padding:10px;
	border: solid #ccc 1px;
	}
#side #link ul,#side #link li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	font-size:10px;
	}


#side #title{
	background-color:#CCCCCC;
	padding:4px;
	margin:0px 0px 10px 0px;
	text-align: center;
	width: 133px;
	}

/*backnum*/

#side #backnum{
	width: 142px;
	height: 200px;
	margin: 0;
	padding: 0;
}

/*メイン*/

#main{
	margin:0px;
	padding:0px 0px 0px 20px;
	float: left;
	width: 560px;
	}
#main #lead{
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	}

#main h4{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	font-size:10px;
	font-weight:normal;
	color:#FF6600;
	}
#main h5{
	margin: 5px 5px 5px 0px;
	padding: 10px 5px 5px 10px;
	width: auto;
	border-bottom: 1px;
	border-left: 5px;	border-right: 1px;
	border-left-color: #CCCCCC;
	border-bottom-color: #666666;
	border-right-color: #666666;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	line-height: 1em;
	background-color: #F6F6F6;
	font-weight: bold;
	font-size: 1.2em;

	color: #333333;
	}
#main h6{
	font-size:14px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.pageTop{
	width:100%;
	display:block;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear: both;
	}

/*footer*/

#footer{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background-color:#C2C2C2;
	background-position: center right;
	background-repeat: no-repeat;
	width:740px;
	height:20px;
	font-size:10px;
	text-align:left;
	color: #FFFFFF;
	background-image: url(../common/footer.jpg);
	clear: both;
	}

#footer ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#footer li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	list-style-type: none;
	}

/*newsstand*/
#newsstand .ImgSet{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	float: left;
	}
#newsstand .standBox{
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 30px 0px;
	}
#newsstand .box{
	margin: 0x 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 273px;
	}
#newsstand .box .sample{
	font-size:10px;
	color:#CC3300;
	}
#newsstand ul{
	margin: 0x 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#newsstand li{
	margin: 0x 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background-image: url(../images/arrow01.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	list-style-type: none;
	}

/*ボタン*/
#newsstand .box .button{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:120px;
	position: relative;
	}

#newsstand .box .button ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	font-size:10px;
	line-height:150%;
	border-right:1px solid #666666;
	}
#newsstand .box .button ul li{
	margin:0px;
	padding:0px;
	display:inline;
	letter-spacing: 0.2em;
	}
#newsstand .box .button ul li a{
	margin:0px;
	padding:5px 0px 0px 10px;
	width:108px;
	display:block;
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #666666;
	background-color: #CCCCCC;
	}
#newsstand .box .button a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#999999;
	}

/*recruit*/
#recruit {
	}
#recruit .box {
	background-color:#EBEBEB;
	width:450px;
	margin:20px 0px 50px 0px;
	padding:20px;
	}
#recruit .box dl {
	margin:0px;
	padding:0px 0px 0px 30px;
	}
#recruit .box dt {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight: bold;
	color: #333333;
	}
#recruit .box dd {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 70px;
	}

/*contact*/
#contact form {
	width:500px;
	background-color: #F2F2F2;
	}
/*
#contact form label,#contact form input{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}
*/

#contact form label {
	text-align: right;
	width: 110px;
	padding-right: 20px;
}

#contact form br {
	clear: left;
}


/*subscription*/
#subscription .box{
	}
#subscription form {
	width:500px;
	background-color: #F2F2F2;
	padding: 20px;
	margin: 10px 0px 0px 0px;
	}

#subscription form label{
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	padding: 0px 10px 0px 0px;
	}

#subscription form .area{
	float: left;
	margin: 0px 0px 20px 0px;
	}
#subscription form br {
	clear: left;
	border-bottom-width: thin;
	}

#subscription form ul,#subscription form li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#subscription form .crucial{
	font-size:9px;
	color:#FF0000;
	}


/*spot001*/
#spot001 .box{
	}
#spot001 form {
	width:500px;
	background-color: #F2F2F2;
	padding: 20px;
	margin: 10px 0px 0px 0px;
	}

#spot001 form label{
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	padding: 0px 10px 0px 0px;
	}

#spot001 form .area{
	margin: 0px 0px 20px 0px;
	float: left;
	}
#spot001 form br {
	clear: left;
	border-bottom-width: thin;
	}

#spot001 form ul,#subscription form li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#spot001 form .crucial{
	font-size:9px;
	color:#FF0000;
	}




/*insert*/
#insert ol{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 30px
	}
#insert dt{
	float:left;
	font-weight: bold;
	text-align: right;
	width: 40px;
	}
/*q_a*/
#qa dl{
	margin:0px 0px 0px 10px;
	padding:0px;
	}
#qa dt{
	margin:10px 0px;
	padding:0px 0px 0px 25px;
	font-weight:bold;
	background-image: url(../q_a/images/iocnQ.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}
#qa dd{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 25px;
	background-image: url(../q_a/images/iocnA.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

/*areainfo*/
#areainfo{
	}
#areainfo .text{
	letter-spacing: 0.1em;
	margin: 0px 0px 10px 0px;
	text-indent: 12px;
	}
#areainfo .imgBox{
	float:left;
	margin: 0px 10px 10px 0px;
	width: 330px;
	font-size: 10px;
	}
#areainfo h6{
	clear:left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}
#areainfo ol{
	list-style-position: outside;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	}
#areainfo li{
	list-style-position: outside;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
#areainfo .pdf{
	background-image: url(../areainfo/common/icon_pdf.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 20px;
	}
/*backnum*/
#backnum{
	}	
#backnum ul{
	font-size: 12px;
	font-weight: bold;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
	}	
#backnum li{
	list-style-position: inside;
	background-image: url(../common/arrow002.gif);
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0px 0px 0px 6px;
	}	

#backnum ul li a {text-decoration: none;}
#backnum ul li a:link {color: #456EA0;}
#backnum ul li a:visited {color: #456EA0;}
#backnum ul li a:active {color: #456EA0;}
#backnum ul li a:hover {color: #335277; text-decoration: underline}
	


/*about*/
#about{
	}
#about .ImgSet{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	}
#about #greet h6{
	padding:0px 0px 0px 0px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	}
#about #greet p{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	text-indent:12px;
	line-height: 180%;
	}
#about #greet #signature{
	text-align:right;
	letter-spacing:0.3ems;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight:bold;
	}
#about #greet .ImgNakagawa{
	margin:0px 0px 10px 10px;
	padding:0px 0px 0px 0px;
	float:right;
	}
#about #greet .boxright{
	width: 272px;
	float: right;
	}
#about #greet .boxleft{
	width: 256px;
	float: left;
	}
/*privacy*/
#privacy{
	}

/*deliveryarea*/
#deliveryarea{
	}
#deliveryarea .ImgSet{
	margin:0px 0px 20px 0px;
	}

/*doshinInfo*/
#doshinInfo{
	}
#doshinInfo #infoBox1{
	width: 540px;
	}
#doshinInfo #infoBox1 img{
	float:left;
	margin: 10px 0px;
	}
#doshinInfo #infoBox1 p{
	float:left;
	margin: 15px 0px;
	}


#doshinInfo #infoBox2{
	width: 540px;
	}
#doshinInfo #infoBox2 img{
	float:left;
	margin: 0px 6px 0px 0px;
	}
#doshinInfo #infoBox2 p{
	float:left;
	margin: 15px 0px;
	}
/*ボタン*/

#doshinInfo .buttonBox{
	width:100%;
	display:block;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear: both;
	}

#doshinInfo .buttonBox .button{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:120px;
	position: relative;
	text-align: left;
	}

#doshinInfo .buttonBox .button ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	font-size:10px;
	line-height:150%;
	border-right:1px solid #666666;
	}
#doshinInfo .buttonBox .button ul li{
	margin:0px;
	padding:0px;
	display:inline;
	letter-spacing: 0.2em;
	}
#doshinInfo .buttonBox .button ul li a{
	margin:0px;
	padding:5px 0px 0px 10px;
	width:108px;
	display:block;
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #666666;
	background-color: #CCCCCC;
	}
#doshinInfo .buttonBox .button a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#999999;
	}

/*books*/
#books{
	}

/*ボタン*/

#books .buttonBox{
	width:100%;
	display:block;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear: both;
	}

#books .buttonBox .button{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:120px;
	position: relative;
	text-align: left;
	}

#books .buttonBox .button ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	font-size:10px;
	line-height:150%;
	border-right:1px solid #666666;
	}
#books .buttonBox .button ul li{
	margin:0px;
	padding:0px;
	display:inline;
	letter-spacing: 0.2em;
	}
#books .buttonBox .button ul li a{
	margin:0px;
	padding:5px 0px 0px 10px;
	width:108px;
	display:block;
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #666666;
	background-color: #CCCCCC;
	}
#books .buttonBox .button a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#999999;
	}