@charset "utf-8";
/*基本タグ 指定*/

body {
	margin: 0px auto;
	padding: 0px auto;
	text-align:center;
	background-color: #333;
	background-repeat: no-repeat;
	background-position: center top;
	
}

h1,h2,h3,h4,h5,h6{
	padding:0px;
	margin:0px;
	font-size:14px;
	}
p{
	line-height:1.6;
}

ul,dl{
	margin:0;
	padding:0;
}
img{
	border:none;
	}
a:link{
	color:#444;
}
a:visited{
	color:#444;
}
a:hover{
	color:#369;
}
table{
	margin-bottom:15px;
}
td{
	vertical-align:top;
}
h1{
	font-size:12px;
	color:#666;
	padding:2px 10px 4px 15px;
	text-align:left;
	font-weight:normal;
}
strong,b{
	color:#366;
}
i,em{
	color:#069;
	font-style:normal;
}
/************************レイアウト土台*************************/
#container{
	width:880px;
	text-align:left;
	border-top:8px solid #333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: auto;
	padding-bottom: 0;
	padding-left: auto;
}
#header,#main,#side{
	text-align:left;
}
#header{
	background:#fff;
}
#footer{
	background:#fff;
	text-align:center;
	padding-top:0px;
	padding:0px 20px 10px 20px;
}
.pad{
	padding:15px 20px;
}
/******************左サイドバーレイアウト***********************/
.tw #main{
	float:right;
	width:670px;
}
.tw #side{
	float:left;
	width:210px;
}
.tw #content{
	background:#fff url(../images/ast008-bgline.gif) repeat-y  210px 0%;
	width:100%;
	overflow:hidden;
}
/******************右サイドバーレイアウト************************/
.wt #main{
	float:left;
	width:570px;
}
.wt #side{
	float:right;
	width:210px;
}
.wt #content{
	background:#fff url(../images/ast008-bgline.gif) repeat-y  570px 0%;
	width:100%;
	overflow:hidden;
}
/*******************1カラムレイアウト*********************/
.ws #content{
	background:#fff;
	width:100%;
	overflow:hidden;
}
.ws #main{
	padding:10px 25px;
}
/******使いまわし用**********************/
/*フロートクリア*/
.clr{
	clear:both;
	height:1px;
	line-height:0px;
}
.mb10{
	margin-bottom:10px;
	}
.list01 li{
	background:#fff url(../images/ast008-listico001.gif) no-repeat;
	list-style:none;
	margin-left:1em;
	padding-left:25px;
	padding-bottom:10px;
}
.list02 li{
	background:#fff url(../images/ast008-listico002.gif) no-repeat;
	list-style:none;
	margin-left:1em;
	padding-left:25px;
	padding-bottom:10px;
}
.list03 li{
	background:#fff url(../images/ast008-listico003.gif) no-repeat;
	list-style:none;
	margin-left:1em;
	padding-left:25px;
	padding-bottom:10px;
}
.sz12{
	font-size:12px;
}
/****見出し******************************/
.mainheader1{
	background:url(../images/ast008-bg003.gif) repeat-y;
	color:#555;
	padding:4px 4px 4px 15px;
	border:1px solid #999;
	font-size:14px;
	margin-bottom:10px;
	}
.mainheader2{
	color:#666;
	background:url(../images/ast008-ico005.gif) no-repeat 0% 50%;
	padding:4px 10px 4px 20px;
	border-bottom:1px dotted #666;
	font-size:14px;
	margin-bottom:10px;
}
.mainheader3{
	color:#006;
	padding:4px 10px;
	font-size:14px;
	margin-bottom:10px;
}
.mainheader4{
	background:#39c url(../images/ast008-bg006.gif);
	color:#fff;
	padding:8px 15px;
	font-size:14px;
	margin-bottom:10px;
}
.mainheader5{
	padding:8px 15px;
	background:#006 url(../images/ast008-bg003.gif);
	color:#fff;
	font-weight:normal;
	margin-bottom:10px;
	}
/**********デザイン　ディテール*************/

/*ヘッダーエリア*/

.headerleft{
	float:left;
	width:550px;
	padding-bottom:10px;
}
.headerright{
	text-align:right;
	padding-right:10px;
	font-size: 10px;
}
.sitetitle{
	padding-left:10px;
}
/*グローバルメニュー*/
.gmenu{
	background:#999 url(../images/ast008-bggmenu.jpg) repeat-x;
	height:30px;
	margin:0px;
	padding:0px;
	clear:both;
}
.gmenu li{
	font-size:12px;
	margin:0px;
	padding:0px;
	margin-top:1px;
	
	list-style:none;
	float:left;
	line-height:28px;
	border-right:1px solid #ccc;
}
.gmenu li a{
	display:block;
	padding:0px 15px;
	color:#333;
	text-decoration:none;
}
.gmenu li a:visited{
	display:block;
	padding:0px 15px;
	color:#333;
	text-decoration:none;
}
.gmenu li a:hover{
	display:block;
	padding:0px 15px;
	color:#fff;
	text-decoration:none;
	background:#f90;
}
/*トップ画像 とコピー*/
.topbnr{
	width:880px;
	height:220px;
	background:url(../images/ast008-topbnr001.jpg) no-repeat;
}
.headline{
	color:#fff;
	padding-left:40px;
	padding-top:60px;
	font-size:20px;
	margin-top:0px;
}
.headercopy,.headerbtn{
	padding-left:40px;
	text-align:left;
	font-size:12px;
	color:#fff;
	line-height:140%;
}
/*メイン記事エリア*/
/*メイン記事列の標準フォントサイズ*/
#main{
	font-size:90%;
}
/*メイン記事列　テーブルセルの標準フォントサイズ*/
#main td{
	font-size:90%;
}
#main a{
	color:#369;
}
#main a:visited{
	color:#369;
}
#main a:hover{
	color:#00c;
}

/*パンくずリスト*/
.pathway{
	margin:0px 5px 0px 0px;
	font-size:12px;
	padding-left:20px;
	padding-bottom:8px;
	background:#fff url(../images/ast008-ico001.gif) no-repeat;
	clear:both;
}
#main .pathway a:link{
	color:#333;
}
#main .pathway a:visited{
	color:#333;
}
#main .pathway a:hover{
	color:#f33;
}
/*更新情報*/
.news{
	font-size:12px;
	margin:0px;
	margin-bottom:15px;
	padding:0px 1em;
}
.news li span{
	display:block;
	color:#930;
}

.news li{
	margin-bottom:4px;
	list-style:none;
	line-height:120%;
	background:url(../images/ast008-ico004.gif) no-repeat;
	padding-left:20px;
}
.welcomemsg{
	border:5px solid #ffbe5c;
	font-size:12px;
	color:#666;
	padding:10px 1em;
	background:#ffc;
	margin-bottom:15px;
}

.topics{
	padding:4px 1em;
	background:url(../images/bg-dot.gif) repeat-x left bottom;
	font-size:12px;
	margin-bottom:15px;
}
.imgleft{
	float:left;
	width:auto;
	margin:0px 15px 15px 0;
}
.imgright{
	float:right;
	width:auto;
	margin:0px 0px 15px 15px;
}
/*CSS HACK clearfix floatbox の float解除*/
.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*サイドバー*/
/*サイドバー列の標準フォントサイズ*/
#side{
	font-size:12px;
}
#side .menuheader{
	
	padding:8px 8px;
	background:#006 url(../images/ast008-bg003.gif);
	color:#fff;
	font-weight:normal;
}
#side .menuheader a:visited{
	color:fff;
	text-decoration:none;
}
.menulist{
	margin:0px 0px 15px 0px;
	padding:0px;
}
.menulist li{
	background:#fff url(../images/ast008-ico003.gif) no-repeat 0px 50%;
	padding:8px 8px 8px 20px;
	list-style:none;
	border-bottom:1px solid #ccc;
}
.menulist li a{
	text-decoration:none;
	outline:0;
}


/*フッター*/
.footercontent{
	padding-top:10px;
	background:#ffbe5c url(../images/ast008-bg004_840.gif) no-repeat;
}
.footercontent li{
	margin:0px;
	list-style:none;
	display:inline;
	padding:0px 5px;
	font-size:12px;
}
.footercontent li a:link,.footercontent li a:visited{
	color:#fff;
}
.footerbottom{
	background:#ffbe5c url(../images/ast008-bg005_840.gif) no-repeat 0px 100%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	color:#fff;
	font-style:normal;
}
/****************ページ別ディテール************************/
/* インフォメーション
会社概要,プライバシーポリシー,特商法*/
.info{
	line-height:1.6;
	margin-top:10px;
	margin-bottom:30px;
	font-size:12px;
	
}

#main .info td{
	padding:8px;
	border-bottom:1px solid #ccc;
	font-size:12px;
}
.info ol li{
	margin-bottom:10px;
}
.info ol ul{
	margin:0px 1em;
}
/*サイトマップページ*/
.sitemapcontent{
	border:5px solid #c67559;
	font-size:12px;
	color:#666;
	padding:10px 1em;
	background:#fff;
}

.sitemapcontent dt{
	padding:2px 0px 2px 20px;
	background:url(../images/ast008-ico001.gif) no-repeat left 50%;
	color:#006;
}
.sitemapcontent dd{
	padding:4px 0px 4px 15px;
	margin-left:25px;
	background:url(../images/ast008-ico003.gif) no-repeat left 50%;
}
#main .sitemapcontent a{
	text-decoration:none;
	color:#006;
}
#main .sitemapcontent a:hover{
	color:#f33;
	text-decoration:underline;
}
/*商品テーブル*/
.items td{
	padding:8px 0px;
	border-bottom:1px solid #999;
	vertical-align:top;
}
.itemname{
	font-weight:bold;
	margin-bottom:4px;
	color:#333;
}
.itemteika{
	margin-bottom:4px;
	font-size:90%;
	color:#006;
}
.itemprice{
	margin-bottom:4px;
	color:#900;
	font-weight:bold;
}
.itemtext{
	margin-bottom:4px;
	font-size:12px;
	line-height:120%;
}
.itemcopy{
	margin-bottom:4px;
	font-size:90%;
	color:#f90;
}
/*フリーページ 見出し*/
/*トップページ 見出し*/
				
/**********************************/
/*css hack* clearfix
floatを解除するCSSハックです。*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */
.p-left {
	float: right;
	margin-right: 10px;
	margin-left: 20px;
}
.p-box {
	margin-bottom: 10px;
}
#askmain {
	font-size: 12px;
}
#askcontents {
	background-color: #FFF;
	padding: 10px;
}

/*お問い合わせフォーム*/
form#mailform {
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
form#mailform p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	padding: 7px 5px 7px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FC6;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
}