/*base*/
html{
	margin: 0;
	padding: 0;
}

body{
	background-color: #ffffff;
	width:840px;
	margin-left:auto;
	margin-right:auto;
	font-family: Verdana,Osaka,Helvetica,sans-serif;
	line-height: 1.5;
	font-size: 12px;
	color: #666666;
	text-align: center;
}




h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1.5;
	list-style-type: none;
	font-size: 12px;
	color: #666666;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }


a:link,a:visited{
	color: #3877CC;
	text-decoration: none; 
	font-size:12px;
}


a:active,a:hover{
	color: #cc0000;
	text-decoration: none; 
	font-size:12px;

}

.clear {
	clear:both;
	font-size:1px;
	margin: 0px;
	padding: 0px;
}


p{
	margin: 0 0 10px 0;
}

#main{
	text-align: left;
	width: 840px;
}

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

div#top-banner {
	width: 840px;
}

div#top-banner-s {
	width: 545px;
	float: left;
}


div#top-banner ul {
	width: 545px;
	float: left;
}
div#top-banner ul li {
	padding-bottom: 5px;
	padding-right: 5px;
	float: left;
}

#top-banner-b{
	float:right;
	border: 1px solid #F4F2E8;
	height: 57px;
	width: 278px;
	text-align: left; 
	padding: 5px;
}

#top-banner-b b{
	text-decoration: underline; 
}


/* ---------------------------------------------------------
コピー部分(上下共通)
--------------------------------------------------------- */
.copy{
	background: url("images/copy-bg.gif") repeat-x;
	width: 840px;
	height: 20px;
	font-size: 10px;
	color: #cc0000;
	font-weight: bold;
	text-align: right;
}



a:link.top-copy-link{
	color: #3877CC;
	text-decoration: none; 
	font-size:10px;
}


a:active.top-copy-link{
	color: #cc0000;
	text-decoration: none; 
	font-size:10px;
}

a:visited.top-copy-link{
	color: #3877CC;
	text-decoration: none; 
	font-size:10px;
}


a:hover.top-copy-link{
	color: #cc0000;
	text-decoration: none; 
	font-size:10px;
}



.copy2{
	background: url("images/copy-bg2.gif") repeat-x;
	width: 840px;
	height: 20px;
	font-size: 10px;
	color: #cc0000;
	font-weight: bold;
	text-align: right;
	padding-top: 5px;
}


.copy h1{
	font-size: 10px;
	color: #cc0000;
	font-weight: bold;
	text-align: right;
}


/* ---------------------------------------------------------
ヘッダー部分
--------------------------------------------------------- */

#top-header-copy{
	float: left;
	margin: 25px auto 10px 10px;
}


.top-header-menu2{
	float: right;
	text-align: center;
	background-color: #ECE9D8;
	padding: 5px;
	margin: 5px 0 5px 0;
	width: 50px;
}

.top-header-menu2 a:link,.top-header-menu2 a:visited{
	text-decoration:underline;
	font-size: 9px;
}


.top-header-menu2 a:active,.top-header-menu2 a:hover{
	text-decoration:underline;
	font-size: 9px;
}

/* ---------------------------------------------------------
ヘッダー部分2
--------------------------------------------------------- */
#top-header{
	width: 830px;
}

#top-header-title{
	width: 216px;
	float: left;
	padding: 10px 0px 10px 0px;
}

#top-header-menu{
	width: 600px;
	float: right;
	text-align: right;
}

#top-header-menu a:link,#top-header-menu a:visited{
	color:#666666;
	text-decoration:none;
	font-size: 9px;
}


#top-header-menu a:active,#top-header-menu a:hover{
	color:#666666;
	text-decoration:underline;
	font-size: 9px;
}




/* ---------------------------------------------------------
メイン部分　フラッシュ
--------------------------------------------------------- */

#top-main{
	width:840px;
}



#top-main-flash{
	float: left;
	width: 615px;
}


/* ---------------------------------------------------------
メイン部分　旬トク
--------------------------------------------------------- */


#top-main-shuntoku{
	float: right;
	width: 225px;
	margin-bottom: 5px;
}

div#top-main-shuntoku ul{
	border-right: 1px solid #ece9d8;
	border-left: 1px solid #ece9d8;
}



div#top-main-shuntoku ul li{
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dotted #D1CDC0;
}


.top-shuntoku-more{
	text-align: right;
	margin-right: 5px;
}


/* ---------------------------------------------------------
旬トク中身
--------------------------------------------------------- */


body#syuntoku{
	margin: 0;
	padding: 0;
	font-family: Verdana,Osaka,Helvetica,sans-serif;
	line-height: 1.5;
	font-size: 12px;
	color: #666666;
	width:570px;
}


#syuntoku-title{
	margin-bottom: 10px;
	background: url("images/syun_title.gif") repeat-x;
	height: 25px;
}


#syuntoku-title-text{
	font-size: 14px;
	color: #cc0000;
	font-weight: bold;
}

#syuntoku-close{
	text-align: right;
	margin-top: 10px;
}



/* ---------------------------------------------------------
メインコンテンツ部分
--------------------------------------------------------- */

#top-mc{

}

div#top-mc ul {
	width: 840px;
	margin: 0;
}
div#top-mc ul li {
	padding: 0px 0px 5px 0px;
	float: left;
}
div#top-mc ul li img {
	vertical-align: bottom;
}


/* ---------------------------------------------------------
本紹介部分
--------------------------------------------------------- */
div#top-book{
	background-color: #F0EEDF;
	padding: 5px;
	height: 110px;
	margin-top: 10px;
}

.top-book-b{
	float: left;
	padding-right: 5px;
}

.top-book-t{
	float: left;
	width: 76px;
	font-size: 9px;
	padding-right: 5px;
}


div.top-book-t h2{
	color: #cc0000;
	font-size: 14px;
	font-weight: bold;
}

div.top-book-t p{
	color: #666666;
	font-weight: bold;
	font-size: 10px;
}

/* ---------------------------------------------------------
サブコンテンツ部分　ピックアップ
--------------------------------------------------------- */
#top-sc{
	margin-top: 5px;
}

#top-sc1{
	width: 640px;
	float: left;
}
#top-sc-pickup a{
	display: block;
	font-size: 12px;
}

#top-sc-pickup p{
	margin: 0px;
}


/*メニュー基本*/
a.pick-up-g,a.pick-up-w{
	width: 200px;
	height: 130px;
	padding: 5px 5px 10px 5px;
	text-align: left;
	font-size: 12px;
	color: #666666;
}

/*メニュー背景*/
a.pick-up-g{
	background: #f7f7f7;
}

a.pick-up-w{
	background: #ffffff;
	} 


/*メニュー背景*/
a:hover.pick-up-g,a:hover.pick-up-w{
	text-decoration:none;
	background: #FDF1F0;
	} 


/*見たページ　キャッチ*/
a:visited.pick-up-g h2,a:visited.pick-up-w h2{
	color: #3877CC;
	font-weight: bold;
	text-decoration:none; 
	} 

	
/*キャッチ*/
a.pick-up-g h2,a.pick-up-w h2{
	color: #3877CC;
	font-size: 12px;
	font-weight: bold; 
	}


/*カーソルオン　キャッチ*/
a:hover.pick-up-g h2,a:hover.pick-up-w h2{
	color: #cc0000;
	font-weight: bold;
	text-decoration:none; 
	} 
	
/*イメージ位置*/
a.pick-up-g img,a.pick-up-w img{
	margin-right: 5px;
	float: left;
	} 
	
/*説明文*/
a.pick-up-g p,a.pick-up-w p{
	float: left;
	color: #666666;
	width: 200px;
	margin-top: 5px;
	} 
	



/* ---------------------------------------------------------
サブコンテンツ部分　コンテンツ
--------------------------------------------------------- */

div#top-sc-contents {
	margin: 10px 0px 0px 0px;
}


.top-sc-contents-list{
	width: 611px;
	border-bottom: 1px dotted #e6e6e6;
	padding: 7px 0px 7px 0px;

}

*html div.top-sc-contents-list{
	border-bottom: 1px dotted #e6e6e6;
	padding: 7px 0px 7px 0px;
	width: 611px;
}

.top-sc-contents-detail{
	float: right;
	width: 481px;
}


div.top-sc-contents-title{
	width: 120px;
	font-weight: bold;
	background: url("images/b.gif") no-repeat;
	padding-left: 10px;
	float: left;
	margin-bottom: 5px;
}

div#top-sc-contents dd{
	margin-bottom: 5px;
}

div#top-sc-contents a{
	text-decoration: underline; 
}



/* ---------------------------------------------------------
サブコンテンツ部分　モバイル
--------------------------------------------------------- */
#top-sc-mobile{
	margin-top: 10px;
}


#top-sc-mobile-qr{
	float: left;
	width: 100px;
	margin-right: 15px;
	font-size: 10px;
}


#top-sc-mobile-tx{
	margin-left: 5px;
	width: 260px;
}

#top-sc-mobile-tx1{
	font-size: 14px;
	color: #cc0000;
	font-weight: bold;
	margin: 0;
}

#top-sc-mobile-tx2{
	margin: 0;
	font-size: 10px;
}

#top-sc-mobile-tx3{
	color: #ff9900;
	margin: 0 0 10px 0;
	font-size: 10px;
}

.top-sc-mobile-tx4{
	font-size: 10px;
	color: #cc0000;
	font-weight: bold;
	margin: 0;
}


/* ---------------------------------------------------------
サブコンテンツ右部分
--------------------------------------------------------- */



#top-sc2{
	width: 200px;
	float: right;
}


.top-sc2-title{
	width: 200px;
	height: 20px;
	background: url("images/top-sc2-title.gif") no-repeat;
}

.top-sc2-title p{
	font-weight: bold;
	color: #ffffff;
	margin-left: 30px;
}

#top-sc2-new td{
	font-size: 9px;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 5px;
	vertical-align: top;
}

.top-sc2-more{
	text-align: right;
	margin-right: 10px;
}



/* ---------------------------------------------------------
サブコンテンツ　バナー部分
--------------------------------------------------------- */


div#top-sc2-banner ul li {
	padding: 0px 0px 5px 0px;
}


/* ---------------------------------------------------------
お知らせ・新着情報
--------------------------------------------------------- */

#top-sc2-info,#top-sc2-owabi{
	width: 200px;
	padding-bottom: 5px;
	margin-top: 5px;
	background-color:#F7F5EE;
}

#top-sc2-owabi-text{
	margin: 5px;
	border-bottom: 1px dotted #cccccc;
}

.top-new-day{
	margin: 0px;
	padding: 0px;
	color: #cc0000;
	font-size: 9px;

}

/* ---------------------------------------------------------
会社案内部分
--------------------------------------------------------- */

#top-sc2-company{
	width: 200px;
	padding-bottom: 5px;
	margin-top: 5px;
	background-color:#F7F5EE;
}

#top-sc2-company-border{
	border-bottom: 1px dotted #cccccc;
	margin: 10px auto 10px auto;
}




div#top-sc2-company a{
	display: block;
	line-height: 1.5;
	padding: 5px 0px 0px 10px;
}


#top-sc2-company a:link,#top-sc2-company a:visited{
	color:#666666;
	text-decoration:none;
}


#top-sc2-company a:active,#top-sc2-company a:hover{
	color:#666666;
	text-decoration:underline;
}



/* ---------------------------------------------------------
リンク部分
--------------------------------------------------------- */

div#top-link{
	font-size: 9px;
	color: #9d9d9d;
	width:840px;
}


div#top-link-title{
	float:left;
	margin-right:5px;
	font-weight: bold;
	width: 130px;
}

div#top-link-list{
	float:right;
	width: 700px;
}


#top-link-list a:link,#top-link-list a:visited{
	color: #9d9d9d;
	text-decoration:none;
	font-size: 9px;
}


#top-link-list a:active,#top-link-list a:hover{
	color: #9d9d9d;
	text-decoration:underline;
	font-size: 9px;
}

#top-maintenance{
	margin: 10px 0 10px 0;
}


#top-banner300{
	margin: 40px 0px 40px 10px;
}

#top-sc-news{
	margin-top: 5px;
}

#top-sc-tnews{
	margin-bottom: 5px;
}


#top-sc-tnews a:link,#top-sc-tnews a:visited{
	color: #3877CC;;
	text-decoration:underline;
}


#top-sc-tnews a:active,#top-sc-tnews a:hover{
	color: #cc0000;
	text-decoration:none;
}