@charset "utf-8";

* { margin : 0 ; padding : 0 ; }

body{
	margin: 0 auto;
	text-align:center;
	background:#ffffff;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px; /* 指定されていない文字のサイズ */
	line-height: 20px; /* 指定されていない文字の行間 */
	color: #333; /* 文字の色 */
}

/* リンク色 */
a{
	color:#0033aa; /* 文字の色 */
}

/* 訪問済みのリンク色 */
a:visited{
	color:#aa3333; /* 文字の色 */
}

/* カーソル合わせた時のリンク色 */
a:hover{
	color:#55ccff; /* 文字の色 */
}

img{ border:none; line-height:0px; font-size:0; vertical-align:bottom;}

.clear{	margin:0; padding:0; line-height:0; font-size:0; clear:both;}

/*--------------------------------

全体

--------------------------------*/
#all{
	width : 930px;
	margin:0 auto;
	text-align:center;
	background:#fff;
	overflow:hidden;
}

#all .all_left{ background:url(./img/con_left.gif) left repeat-y; }

#all .all_right{
	padding:0 15px 0 15px;
	background:url(./img/con_right.gif) right repeat-y;
}


/*--------------------------------

ヘッダー

--------------------------------*/
#header{
	margin:0 auto;
	text-align:left;
	height:90px; overflow:hidden;
	background:url(./img/head_bg.gif) bottom right no-repeat;
}

#header .headbox1{
	width : 600px; float:left; overflow:hiddewn;
}

#header .headbox2{
	width : 300px; float:right; overflow:hiddewn;
}

#header .head_logo{
	width : 105px; float:left; margin:10px 0 0 10px;
	font-size:22px; /* 文字のサイズ */
	font-weight:bold; text-align:left;
	line-height:0; font-size:0; /* 画像ではなく文字を入れる場合はこの行を消す */
}

#header .head_text{
	width : 480px; float:right; margin:20px 0 0 3px; text-align:left;
}

#header h1{
	margin:0; padding:0;
	font-size:13px; /* 文字のサイズ */
	line-height:17px; /* 文字の行間 */
	color:#555555;
	font-weight:normal;
}

#header h2{
	margin:0; padding:0;
	font-size:19px; /* 文字のサイズ */
	line-height:25px; /* 文字の行間 */
	color:#953f2e;
}

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

#header a{
	text-decoration: none;
}

#header a:hover{
	color:#993311; /* 文字の色 */
	text-decoration: none;
}

#header .headbox1 p{
	margin:0 0 0 18px;
	padding:0 10px 0 0;
	font-size:13px;
	color:#555555; /* 文字の色 */
}

#header .headbox2 p{
	margin:30px 0 0 18px;
	padding:0 10px 0 0;
	font-size:23px; font-weight:bold;
	line-height:23px;
	color:#d04f10; /* 文字の色 */
}


/*--------------------------------

トップ画像

--------------------------------*/

#header_img{
	margin:0 auto; padding:0;
	height:180px;
	border-bottom:1px solid #999;
}

/*--------------------------------

ラインメニュー

--------------------------------*/
#linemenu{
	margin:0 auto;
	text-align:cneter;
	height45px;  /* ラインメニューの高さ */
	overflow:hidden;
	position: relative;
	border-bottom:3px solid #059900;
}

#linemenu ul{
	list-style:none;
}

#linemenu li{
	float:left;
	width:180px; /* ボタンの幅 */
	font-size:14px; /* ラインメニュー文字のサイズ */
	line-height:45px;  /* ラインメニューの高さ */
	background:#88cc55 url(./img/linemenu.gif) top repeat-x;
	border-top:3px solid #059900;
}

#linemenu li a{
	display:block;
	color:#ffffff; /* リンクの文字色 */
	font-weight:bold;
	text-decoration:none;
}

#linemenu li a span{ display:block; }

#linemenu li a span span{
	padding:0 10px 0 10px;
	background:url(./img/linemenu_right.gif) top right no-repeat;
}

#linemenu li a:hover,
#linemenu li a.visit{
	color:#ffffff; /* リンクに矢印を合わせた時の文字色 */
	font-weight:bold;
	background:#5a8e3c url(./img/linemenu2.gif) top repeat-x;
}

#linemenu li a:hover span span{
	background:url(./img/linemenu2_right.gif) top right no-repeat;
}

/*--------------------------------

コンテナー

--------------------------------*/

#container{
	margin:0 auto; overflow:hidden;
	text-align:center;
	background:#fff;
}

#container .con_pad{ padding:0px; }

/*--------------------------------

コンテンツ

--------------------------------*/
#contents{
	float:right; width : 605px ;
	text-align:center; margin:15px;
}

/*--------------------------------
コンテンツ　見出し
--------------------------------*/
/* h2見出し */
#contents h2{
	margin:0 0 5px 0; padding:2px 10px 0 10px;
	text-align:left;
	font-size:18px; /* 文字のサイズ */
	line-height:30px; /* 文字の行間 */
	color:#1166aa; /* 文字の色 */
	font-weight:normal; /* 太字ならboldに設定 */
	background:url(./img/line4.gif) bottom repeat-x;
	border-left:3px solid #0099ff;
	border:1px solid #aaa;
}
/* h2見出し2 */
#contents h2.h2_2{
	margin:0 0 5px 0; padding:0 10px 0 10px;
	text-align:left;
	color:#222; /* 文字の色 */
	font-weight:normal; /* 太字ならboldに設定 */
	background:url(./img/line4.gif) bottom repeat-x;
	border-top:none; border-right:none; border-left:3px solid #cc7755;
}
/* h3見出し */
#contents h3{
	margin:3px 0 5px 0; padding:5px 0 5px 0;
	text-align:left;
	font-size:17px; /* 文字のサイズ */
	line-height:25px; /* 文字の行間 */
	color:#333; /* 文字の色 */
	font-weight:normal; /* 太字ならboldに設定 */
	border-bottom:1px solid #009966;
}
#contents .box2 h3{
        padding:0 0 0 10px;
        border-left:2px solid #009966;
        border-bottom:1px dotted #009966;
}
#contents h3 a{ color:#1166aa; text-decoration: none; }
#contents div.box1 h3{ margin-bottom:10px;}
#contents div.box1 h3 span{
	color:#006666; font-size:19px;
 }
#contents div.box1 h3.h3_3{ 
	color:#004422;
}

#contents h3.h3_2{
	margin:3px 0 5px 0; padding:5px 0 5px 0;
	text-align:left;
	font-size:17px; /* 文字のサイズ */
	line-height:17px; /* 文字の行間 */
	color:#666; /* 文字の色 */
	font-weight:normal; /* 太字ならboldに設定 */
	border:none;
}
#contents div.box2_new h2{
	margin:0 0 10px 0;
}

/* 二割と三割、枠付きボックス見出し */
#contents .box_cde h3,#contents .box_ab h3{
	margin-bottom:10px;padding:0 10px 0 10px;
	text-align:left;
	font-size:15px; /* 文字のサイズ */
	line-height:23px; /* 文字の行間 */
	color:#1166aa; /* 文字の色 */
	font-weight:normal;
	background:url(./img/h3back3.gif) bottom repeat-x;
	border:none;
}

#contents .box_ab .box_a2 h3,
#contents .box_ab .box_b2 h3,
#contents .box3 h3{
	text-align:left;
	font-size:15px; /* 文字のサイズ */
	line-height:23px; /* 文字の行間 */
	color:#ffffff; /* 文字の色 */
	font-weight:normal;
	background:#aaaaaa;
	border:none;
}
#contents .box3 h3{ padding:0 10px 0 10px; }

/* ニュースリリース見出し */
#contents .box2_new .log_box h3,
#contents .log_box h3{
	padding:2px 10px 2px 3px;
	text-align:left;
	font-size:15px; /* 文字のサイズ */
	line-height:20px; /* 文字の行間 */
	color:#fff; /* 文字の色 */
	font-weight:normal;
	background:#88bbaa;
	border:1px solid #88bbaa;
}
#contents .log_box h3{
	background:url(./img/h3back3.gif) bottom repeat-x;
}

/*--------------------------------

コンテンツ　文章

--------------------------------*/
#contents p{
	margin:0 10px 20px 10px;
	text-align:left;
	font-size:14px; /* 文字のサイズ */
	line-height:21px; /* 文字の行間 */
	color:#333; /* 文字の色 */
}

#contents .box1 p{
	margin:0 0 10px 0;
}
#contents .box2 p{
	margin:0 10px 10px 10px;
}

/* 二割・三割ボックス文章 */
#contents .box_ab p, #contents .box_cde p{
	font-size:13px; /* 文字のサイズ */
	line-height:20px; /* 文字の行間 */
}
#contents .box_cde p{ margin:0 7px 7px 7px; }

/* 装飾 */
#contents p.p_back{
	color:#333333; ; background:#f3eed5; padding:5px 0 5px 0;
}

/* 装飾用太字 */
#contents p.p_back span.bold{ color:#774411; ;font-weight:bold; }

/* 赤色 */
#contents p span.red { color: #ee7700; }

/* 青色 */
#contents p span.blue{ color: #7799ee; }

/* 緑色 */
#contents p span.green{ color: #003333; }

/* 太字 */
#contents p span.bold{ font-weight:bold; }

/* 小さい文字 */
#contents p span.small{ font-size:11px; }

/* 大きい文字 */
#contents p span.big{ font-size:17px; font-weight:bold }
/* 大きい文字2 */
#contents p span.big2{ font-size:17px; }
/*--------------------------------

コンテンツ　画像の位置

--------------------------------*/
#contents span.right{
	float:right;
	margin:0 0 10px 10px;
}

#contents span.left{
	float:left;
	margin:0 10px 10px 0; 
}

/*--------------------------------

コンテンツ　リンク

--------------------------------*/

#contents a.link{
	float:right;
	margin:0 10px 10px 10px;
	text-align:right;
	text-decoration:none;
	font-size:12px; /* 文字のサイズ */
	line-height:23px;
	color:#000000; /* 文字の色 */
	background:#eeeeee url(./img/link.gif) bottom repeat-x;
}

#contents a.link span{
	display:block;
	background:url(./img/link_left.gif) top left no-repeat;
}

#contents a.link span span{
	padding:0 5px 0 17px;
	background:url(./img/link_right.gif) top right no-repeat;
}

#contents div.box3 a.link{ float:left; margin:0; }

/* カーソル合わせた時のリンク */
#contents a:hover.link{
	float:right;
	margin:0 10px 10px 10px;
	text-align:right;
	text-decoration:none;
	font-size:12px; /* 文字のサイズ */
	line-height:23px;
	font-weight:bold;
	color:#584522; /* 文字の色 */
	background:#faf7ee url(./img/link2.gif) top repeat-x;
}

#contents a:hover.link span{
	display:block;
	background:url(./img/link_left2.gif) top left no-repeat;
}

#contents a:hover.link span span{
	padding:0 5px 0 17px;
	background:url(./img/link_right2.gif) top right no-repeat;
}


/*--------------------------------

コンテンツ　白ボックス

--------------------------------*/

#contents div.box1{
	margin:0 15px 20px 15px;
	text-align:left;
	overflow:hidden;
}

/*--------------------------------

コンテンツ　お知らせボックス

--------------------------------*/

#contents div.box2{
	margin:0 15px 20px 15px;
	text-align:left;
	overflow:hidden;
}

#contents div.box2_new{
	margin:0 5px 20px 5px;
	text-align:left;
	overflow:hidden;
}

/*--------------------------------

コンテンツ　ボックス

--------------------------------*/

#contents div.box3{
	margin:0 15px 20px 15px;
	text-align:left;
	overflow:hidden;
	background:#fff;
	border:1px solid #aaa;
}

/*--------------------------------

コンテンツ　文章ボックス

--------------------------------*/

#contents div.box4{
	margin:0 0px 20px 0;
	text-align:left;
	overflow:hidden;
}

/*--------------------------------

コンテンツ　三割ボックス

--------------------------------*/

#contents .box_cde{
	width:575px;
	margin:0 auto;
	margin-bottom:20px;
	text-align:left;
	overflow:hidden;
}

#contents .box_cd{
	float:left;
	width:383px;
	padding-bottom:10px;
	overflow:hidden;
}

#contents .box_c{
	float:left;
	width:180px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

#contents .box_d{
	float:right;
	width:180px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

#contents .box_e{
	float:right;
	width:180px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

/*--------------------------------

コンテンツ　二割ボックス

--------------------------------*/
#contents .height1{ height:130px; }
#contents .height2{ height:180px; }
#contents .height3{ height:150px; }

#contents .box3 span.left{
 margin:0 10px 10px 10px;
}
#contents .box_a2 span.left,
#contents .box_b2 span.left{
 margin:0 10px 0 10px;
}

#contents .box_ab{
	width:575px;
	margin:0 auto;
	margin-bottom:20px;
	text-align:left;
	overflow:hidden;
}

#contents .box_a{
	float:left;
	width:278px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

#contents .box_a2{
	float:left;
	width:278px;
	padding-bottom:10px;
	overflow:hidden;
	background:#fff;
	border:1px solid #aaaaaa;
}

#contents .box_b{
	float:right;
	width:278px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

#contents .box_b2{
	float:right;
	width:278px;
	padding-bottom:10px;
	overflow:hidden;
	background:#fff;
	border:1px solid #aaaaaa;
}

/*--------------------------------

コンテンツ　二割・三割共通メニュー用

--------------------------------*/

#contents .box_none{
	border:none;
	border-bottom:1px solid #aaaaaa;
}

#contents .box_ab_none,
#contents .box_cde .box_none2{
	border:none;
	border-left:1px solid #957644;
}

#contents .box_ab_none img,
#contents .box_cde .box_none2 img{
	margin:0 10px 0 10px;
}

#contents p.p_right{
	text-align:right; font-weight:bold;
}

#contents .box3 ul,
#contents .box_cde ul,
#contents .box_ab ul{
	list-style:none;
	margin:10px; padding:0;
}

#contents .box3 li,
#contents .box_cde li,
#contents .box_ab li{
	display:block; clear:both;
	font-size:13px; line-height:27px;
}

#contents .box_cde li span.li_left,
#contents .box_ab li span.li_left{
	float:left; padding:0 0 0 10px;
	background:url(./img/li_left.gif) left top no-repeat;
}

#contents .box_cde li span.li_right,
#contents .box_ab li span.li_right{
	float:right;
}

#contents .box_cde li span.li_red,
#contents .box_ab li span.li_red{
	color:#550000; font-size:12px;
}
/*--------------------------------

ニュースリリース

--------------------------------*/

#contents .log_box{
	margin:0 10px 20px 10px;
	padding:5px 0 0 0;
	text-align:center;
	background:#efefef;
	overflow:hidden;
	clear:both;
}
#contents .log_box h3{ position:relative; }
#contents .log_box h3 span.h3_right{
        position:absolute; right:5px;
	text-align:right; margin:0; padding:2px 10px 0 0;
        background:none;
	font-size:12px; line-height:15px;
	font-weight:bold;
}
*html #contents .log_box h3 span.h3_right{
	padding:2px 25px 0 0; background:none;
}

#contents .log_box span{
	margin:0 7px 0 7px;
	background:#dd7715;
	padding:0 3px 0 3px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
#contents .log_box ul{
	padding:10px;
	list-style:none;
	text-align:left;
	color:#333333;	
}

#contents .log_box li{
	display:block;
	margin:0;
	padding:0;
	font-size:13px;
	line-height:23px;
	border-bottom:1px dotted #cccccc;	
}

#contents .log_box li a{
	margin:0;
	padding:5px 0 5px 7px;
	color:#000000;	
}
#contents .log_box li a:hover{
	color:#aa3333;
}
#contents p span.day_back{
	background:#eee; padding:0 10px 0 10px; margin:0 0 0 15px;
}
#contents a.link3{
        position:absolute; right:10px;
	text-align:right;
	text-decoration:none;
	font-size:12px; /* 文字のサイズ */
	line-height:23px;
	color:#555555; /* 文字の色 */
	background:url(./img/ic_log_link) left no-repeat;
}
/*--------------------------------
会社概要
--------------------------------*/
#contents table.table1{
	margin:0 auto; margin-bottom:20px;
	text-align:left; border:none;
}
#contents table.table1 .td1{
	background:url(img/td1.gif) #f2f2f2;
}
#contents table.table1 td{
	border:1px solid #aaa; padding:5px;
}

/*--------------------------------

サイドメニュー

--------------------------------*/

#sidemenu{
	float: left; width: 265px;
	text-align:center;
	background:#eee;
}

/*--------------------------------

サイドメニュー オススメ

--------------------------------*/

#sidemenu .favorite1{
	margin:15px auto;
	margin-left:15px;
	margin-right:15px;
	overflow:hidden;
}

#sidemenu .h3_top{
	margin:0 auto; padding:0;
	height: 14px; line-height:0; font-size:0;
	background:url(./img/favo1_h3_top.gif) left top repeat-x;

}

#sidemenu .favorite1 h3{
	margin:0 auto;
	padding:9px 10px 10px 10px;
	font-size:15px; /* 文字のサイズ */
	line-height:15px; /* 文字の行間 */
	font-weight:bold;
	color:#ffffff; /* 文字の色 */
	background:url(./img/favo1_h3.gif) top repeat-x;
}

#sidemenu .favorite1 img{
	margin:5px 5px 0 5px;
	text-align:center;
	line-height:0;
	font-size:0;
}

/*--------------------------------

サイドメニュー リスト

--------------------------------*/

#sidemenu .sidemenu1{
	margin:15px auto;
	margin-left:15px;
	margin-right:15px;
	text-align:center;
	overflow:hidden;
}

#sidemenu .sidemenu1 h3{
	margin:0;
	padding:10px;
	font-size:15px; /* 文字のサイズ */
	line-height:15px; /* 文字の行間 */
	color:#ffffff; /* 文字の色 */
	background:#85c854 url(./img/sidemenu1_h3.gif) top repeat-x;
	border-bottom:1px solid #457223;
}

/*--------------------------------

サイドメニュー リスト共通

--------------------------------*/

#sidemenu .favorite1 ul, #sidemenu .sidemenu1 ul{
	overflow:hidden;
	margin:0; padding:0;
	text-align:left;
	list-style:none;
}

#sidemenu .favorite1 li, #sidemenu .sidemenu1 li{
	margin:0;
	line-height:35px;
	background:url(./img/li.gif) bottom repeat-x #fff;
	border-right:1px solid #eee;
	border-bottom:1px dotted #777;
}

#sidemenu .favorite1 li a, #sidemenu .sidemenu1 li a{
	display:block;
	padding-left:15px; padding-right:2px;
	font-size:14px; /* 文字のサイズ */
	color:#224565; /* 文字の色 */
	background:url(./img/li_left.gif) left no-repeat;
	text-decoration: none;
}

#sidemenu .favorite1 li a:hover, #sidemenu .sidemenu1 li a:hover{
	display:block; padding-left:15px;
	background:url(./img/li_left2.gif) left no-repeat;
}

/*--------------------------------

サイドメニュー 特集など

--------------------------------*/

#sidemenu .special{
	margin:0px auto; padding:0;
	font-size:16px; /* 文字のサイズ */
	color:#ffffff; /* 文字の色 */
	line-height:36px;
	font-weight:normal;
	text-decoration: none;
	over-flow:hidden;
}
#sidemenu .special span{
	display:block;
	text-align:center;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
	background:url(./img/special.gif);	
}

#sidemenu a:hover.special span{
	background:url(./img/special2.gif);	
}

/*--------------------------------

サイドメニュー お勧め商品

--------------------------------*/
#sidemenu .sidemenu2{
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
}

/* 見出し */
#sidemenu .sidemenu2 h3{
	margin:0;
	padding:5px;
	font-size:15px; /* 文字のサイズ */
	line-height:18px; /* 文字の行間 */
	color:#443300; /* 文字の色 */
	font-weight:normal;
	background:url(./img/line3.gif) bottom repeat-x;
}

#sidemenu .sidemenu2box{
	width:180px;
	margin: 0 auto;
	margin-top:10px; margin-bottom:10px;
	overflow:hidden;
	border-bottom:1px dotted #aaaaaa;
}

/* 商品名 */
#sidemenu .sidemenu2box .title{
	font-weight:bold;
	font-size:13px; /* 文字のサイズ */
	color:#009966; /* 文字の色 */
	border-bottom:1px dotted #009966;
}

/* 商品の説明 */
#sidemenu .sidemenu2box p{
	margin:0;
	padding:5px 0 5px 0;
	text-align:left;
	font-size:11px; /* 文字のサイズ */
	line-height:13px; /* 行間 */
}

/* 商品の価格 */
#sidemenu .sidemenu2box .price{
	text-align:left;
	font-weight:bold;
	font-size:11px; /* 文字のサイズ */
}

/* 詳細のリンク */
#sidemenu .sidemenu2box .more_box{
	text-align:right;
}

#sidemenu .sidemenu2box a.more{
	margin:0 0 5px 7px;
	padding:0 2px 0 12px;
	font-size:11px; /* 文字のサイズ */
	color:#009966; /* 文字の色 */
	font-weight:bold;
	background:url(./img/ic_menu3.gif) no-repeat;
}

#sidemenu .sidemenu2box hr{
	clear:both;
	margin-bottom:10px;
}

#sidemenu .sidemenu2box a{
	text-decoration: none;
}

/*--------------------------------

サイドメニュー フリースペース

--------------------------------*/
#sidemenu .sidemenu3{
	margin:15px auto;
	margin-left:15px;
	margin-right:15px;
	text-align:center;
	background:#fff;
	border:1px solid #aaa; /* フリースペースの線 */
	overflow:hidden;
}

#sidemenu .sidemenu3 h3{
	padding:10px 10px 0 10px;
}

#sidemenu .sidemenu3 p{
	font-size:12px; /* 文字のサイズ */
	padding:10px;
	text-align:left;
}

/*--------------------------------

フッター

--------------------------------*/

#footer{
	clear:both;
	padding-top:30px;
	height:50px;
	background:url(./img/footer.gif) top repeat-x #9c9d9d;
	font-size: 13px; /* 文字のサイズ */
	color: #eeeeee; /* 文字の色 */
}

address{
	margin-left:20px;
	text-align: center;
	font-size: 12px; /* 文字のサイズ */
	color: #ffffff; /* 文字の色 */
}