@charset   "Shift_JIS";

/*基本タグ 指定*/

* {
color:#000;
font-size: 13px;
}

body {
	font: 100%/1.3 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px auto;
	padding: 0px auto;
	text-align:center;
	background:#713595 url(../images/bg2.gif) 50% 50% repeat-y fixed;
}

h1,h3,h4,h5,h6{
	padding:0px;
	margin:0px;
	font-size:13px;
	}



img,img a{ 
border: none; 
} 


p{
	line-height:1.6;
	margin-bottom: 10px;
}

li,dl,dt,dd{
	margin:0;
	padding:0;
}
img{
	border:none;
	}
a:link{
	color:#ff42a0;
}
a:visited{
	color:#ff42a0;
}
a:hover{
	color:#ff42a0;
}
table{
	margin-bottom:15px;
}
td{
	vertical-align:top;
	margin:0;
	padding:0;
}
h1{
	font-size:12px;
	color:#fff;
	padding:0px 10px 0px 15px;
	text-align:right;
	font-weight:normal;
}
strong,b{
	color:#366;
}
i,em{
	color:#f33;
	font-style:normal;
}

.redl {
  font-size: 116%;
color:#ff42a0;
}



/************************レイアウト土台*************************/
#container{
	background:#fff;
	color:#fff;
	width:900px;
	text-align:left;
	margin:0 auto;
	padding:0 auto;
	border-top:0px solid #fff;
}
#main,#side,#center{
	text-align:left;
	background:#fff;
}

#header {
	background:#fff url(../images/top1.gif) no-repeat;/*お花のメイン画像を背景画像として設定*/
	width: 900px;
	height: 150px;
	position: relative;
}


#footer{
	background:#fff;
	text-align:center;
	padding-top:0px;
	padding:0px 10px 0px 10px;
}
.pad{
	padding:0;
	text-align:center;
	margin:0;
}






/*******************1カラムレイアウト*********************/
#content{
	background:#fff;
	width:100%;
	overflow:hidden;
}
#main{
	margin: 0px auto;
	padding: 0px auto;
}


.top{
	margin-top:10px;
	float:right;
	width:900px;
	padding-top:0px;
	padding-bottom:20px;
	background:#fff url(../images/top2012.png) no-repeat;
	padding-right:0px;
　　　 height: 558px;
}



.top2{
       background:#fff url(../images/top_main2.gif) no-repeat;	/*お花のメイン画像を背景画像として設定*/
	margin-bottom:10px;
	color:#fff;
	text-align:center;
	padding:10px;
	width:900px;
　　　height: 90px;
	font-size:12px;
}

.top3{
	margin-top:0px;
	background:#fff url(../images/top_copy.gif) no-repeat;	/*お花のメイン画像を背景画像として設定*/
	color:#FFF;
	text-align:center;
	padding:30px;
　　　height: 87px;
	width:900px;
	margin-bottom:10px;
}

#main h2{
	padding:0px;
	margin:0px;
	font-size:14px;
color:#fff;
font-weight: normal;
font-style: normal;
	}


/******使いまわし用**********************/
/*フロートクリア*/
.clr{
	clear:both;
	height:1px;
	line-height:0px;
	margin:0px;
	padding:0px;
}
.mb10{
	margin-bottom:10px;
	}
.list01 li{
	background:#fff url(../images/ast009-listico001.gif) no-repeat;
	list-style:none;
	margin-left:1em;
	padding-left:25px;
	padding-bottom:10px;
}
.list02 li{
	background:#fff url(../images/ast009-listico002.gif) no-repeat;
	list-style:none;
	margin-left:1em;
	padding-left:25px;
	padding-bottom:10px;
}
.list03 li{
	background:#fff url(../images/ast009-listico003.gif) no-repeat;
	list-style:none;
	margin-left:1em;
	padding-left:25px;
	padding-bottom:10px;
}
.sz12{
	font-size:12px;
}
/****見出し******************************/
.mainheader1{
	background:url(../images/ast009-bg003.gif) repeat-y;
	color:#705;
	padding:4px 4px 4px 15px;
	border:1px solid #999;
	font-size:14px;
	margin-bottom:10px;
	}
.mainheader2{
	color:#666;
	background:url(../images/ast009-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/ast009-bg006.gif);
	color:#fff;
	padding:8px 15px;
	font-size:14px;
	margin-bottom:10px;
}
.mainheader5{
	padding:8px 15px;
	background:#006 url(../images/ast009-bg003.gif);
	color:#fff;
	font-weight:normal;
	margin-bottom:10px;
	}


/**********デザイン　ディテール*************/

/*ヘッダーエリア*/

.headerleft{
	float:left;
	width:900px;
	height: 100px;
}
.headerright{
	text-align:right;
	padding-right:0px;
}
.sitetitle{
	padding-left:10px;
}
/*グローバルメニュー*/
.gmenu{
	background:#999 url(../images/menu1.gif) repeat-x;
	height:35px;
	padding:0px;
	clear:both;
	margin-top:0px;
	margin-left:0px;
}
.gmenu li{
	font-size:110%;
	color:#7533a6;
	margin:0px;
	padding:0px;
	margin-top:1px;
	list-style:none;
	float:left;
	line-height:33px;
	border-right:1px solid #cccccc;
}
.gmenu li a{
	display:block;
	padding:0px 15px;
	color:#7533a6;
	text-decoration:none;
}
.gmenu li a:visited{
	display:block;
	padding:0px 15px;
	color:#7533a6;
	text-decoration:none;
}
.gmenu li a:hover{
	display:block;
	padding:0px 15px;
	color:#7533a6;
	text-decoration:none;
	background:#999 url(../images/menu2.gif) 
}
/*トップ画像 とコピー*/

.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:100%;
}
/*メイン記事列　テーブルセルの標準フォントサイズ*/
#main td{
	font-size:90%;
}
#main a{
	color:#ff42a0;
}
#main a:visited{
	color:#ff42a0;
}
#main a:hover{
	color:#ff42a0;
}


/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#main dl.new {
	height: 100px;		/*What's Newボックスの高さ*/
	overflow: auto;		/*この設定でiframe風に見える*/
	background: #fff;	/*背景の色*/
	border: 5px solid #7533a6;	/*フチのライン*/
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	font-size: 85%;
	margin-bottom:15px;
	text-align:left;
}

#main dt {
	font-weight: bold;	/*日付の色を太字にする*/
	color: #7533a6;		/*文字色*/
}

#main dd {
	border-bottom: 1px dotted #cfcfcf;	/*説明文の下に1pxの点線(dotted)を#cfcfcfの色で入れる。*/
}



.left-box{
	margin-top: 0px;
	float: left;
	width: 430px;
}
.right-box{
	margin-top: 0px;
	float: right;
	width: 220px;
}

.column { 
overflow: auto;
background: #ffe0c1;
	width:600px;
padding: 20px; 
} 

.column3 { 
border: 0px solid #fff;
height: 242px;
overflow: auto;
background: #fff;
padding: 0px; 
margin-right: auto;
margin-left: auto;
overflow: hidden;
margin-bottom: 20px;
} 


.waku { 
margin-bottom : 1em; 
}
.waku:after {  
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.waku {  
    display: inline-block;  
}

#test1_a, #test1_b { 
background-color : #e1d0fd; 
color : #000000;  
width : 630px; 
float : center; 
text-align:left;
padding: 20px;	
}

/*リスト
---------------------------------------------------------------------------------------*/
.box {
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}
.box img {
	padding: 0px;				/*商品画像とフチ線の間にある白い余白*/
	border: 1px solid #cccccc; /*ボックスのグレー色のフチ設定。solidは直線という意味。dottedとかにすると可愛くなります。*/
	margin: 1px;
}
.box td {
	vertical-align: top;
	text-align: center;
	height: 22px;
	margin:0;
	padding:0;
}

.box td.color1{
border: 1px #cccccc solid; /* セルの枠線（太さ・色・スタイル） */
	background:#7533a6;
padding: 3px; /* セル内の余白 */
color:#fff;
vertical-align : middle;
	font-size: 12px;
	height: 22px;
} 

.box a {
	text-decoration: none;
}
.box a:hover img {
	border: 1px solid #7533a6;	/*カーソルオーバー時のボックスのフチ色（緑色）設定*/
}

.box .no_border {
    border-style:none;
}

.box input {
	background:#7533a6;
color:#fff;
	text-align:center;
	width:100%;
font-size: 13px;
}

/* ------------------------------

#main dt {
	font-weight: bold;	/*日付の色を太字にする*/
	color: #ffd700;		/*文字色*/
}

#main dd {
	border-bottom: 1px dotted #cfcfcf;	/*説明文の下に1pxの点線(dotted)を#cfcfcfの色で入れる。*/
}


/*パンくずリスト*/
.pathway{
	margin:0px 5px 0px 0px;
	font-size:12px;
	padding-left:20px;
	padding-bottom:8px;
	background:#fff url(../images/ast009-ico001.gif) no-repeat;
	clear:both;
}
#main .pathway a:link{
	color:#333;
}
#main .pathway a:visited{
	color:#333;
}
#main .pathway a:hover{
	color:#369;
}
/*更新情報*/
.news{
	font-size:12px;
	margin:0px;
	margin-bottom:15px;
	padding:0px 1em;
}
.news li span{
	display:block;
	color:#090;
}

.news li{
	margin-bottom:4px;
	list-style:none;
	line-height:120%;
	background:url(../images/ast009-ico004.gif) no-repeat;
	padding-left:20px;
}
.welcomemsg{
	border:5px solid #cc6;
	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:5px 5px;
	background:#006 url(../images/ast009-bg003.gif);
	color:#fff;
	font-weight:normal;
	height:30px;
}
#side .menuheader a:visited{
	color:fff;
	text-decoration:none;
}
.menulist{
	margin:0px 0px 15px 0px;
	padding:0px;
}
.menulist li{
	background:#fff url(../images/ast009-ico003.gif) no-repeat 0px 50%;
	padding:8px 8px 8px 20px;
	list-style:none;
	border-bottom:1px solid #ccc;
}
.menulist li a:link,.menulist li a:visited{
	text-decoration:none;
	outline:0;
}


/*フッター*/
.footercontent{
	margin-top:0px;
	padding-top:5px;
	background:#fff url(../images/ast009-bg004.gif) no-repeat;
	color:#fff;
}
.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:#7533a6 url(../images/ast009-bg005.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 #63a26c;
	font-size:12px;
	color:#666;
	padding:10px 1em;
	background:#fff;
}

.sitemapcontent dt{
	padding:2px 0px 2px 20px;
	background:url(../images/ast009-ico001.gif) no-repeat left 50%;
	color:#006;
}
.sitemapcontent dd{
	padding:4px 0px 4px 15px;
	margin-left:25px;
	background:url(../images/ast009-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:#930;
}
/*フリーページ 見出し*/
/*トップページ 見出し*/
				
/**********************************/
/*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 */
