@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font:normal normal normal 98%/1.5 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "MS UI Gothic", sans-serif;
	color:#333333;
}

body {background-color:#EEEEEE; background-image:url(../img/bg_body.gif); background-repeat:repeat;}
li {
	list-style:disc;
}
a {color:#0033FF; text-decoration:none}
a:hover {color:#0033FF;text-decoration:underline;}
img {border:none;}

/*=　基本構造　
--------------------------------------------------------*/
#wrapper  {width:960px; margin:0 auto; background-color:#FFFFFF; border:#999999 solid 1px;}
#header   {width:auto; height:70px; margin:0; padding:0 10px;}
#image    {width:auto; margin:0; padding:0}
#contents {width:930px; margin:0; padding:20px 10px 10px 20px; clear:both;}
#main     {float:left; width:700px; margin-right:20px;}
#sub      {float:right; width:200px; margin-left:10px;}
#footer   {
	width:auto;
	margin:0;
	padding:0;
	background-color:#FF9900;
	clear:both;
	border-top:#999999 dashed 1px;
}

/*= フロート　
--------------------------------------------------------*/
.fltLeft  {float:left; margin-right:20px;}
.fltRight {float:right; margin-left:20px;}
.clear    {clear:both; height:0;}

/*=　ヘッダー　
--------------------------------------------------------*/
#header .logo    {float:left;  margin:5px 0 0 0;}
#header .contact {float:right; margin:20px 10px 0 0 ;}

/*=　ナビ　
--------------------------------------------------------*/
#nav {
	width:auto;
	height:30px;
	padding:0 30px;
	text-align:center;
	background-image:url(../img/nav/bg_nav.png);
	background-repeat:repeat-x;
}
#nav li, #nav li a {
	display: block;
	float: left;
	width: 150px;
	line-height: 30px;
	color:#333333;
	background-image:url(../img/nav/nav.png);
	background-repeat: no-repeat;
}
#nav li a:hover {
	color: #003300;
	background-color: #DDDDDD;
	background-image:url(../img/nav/nav_ov.png);
	background-repeat: no-repeat;
	text-decoration:none;
}
#nav li .active {
	display: block;
	width: 150px;
	line-height: 30px;
	color: #003300;
	background-image:url(../img/nav/nav_st.png);
	background-repeat: no-repeat;
}

/*=　サブメニュー　
--------------------------------------------------------*/
#submenu {
	width:200px;
	border:#BEBEBE solid 1px;
	margin-bottom:60px;
}

#submenu h3{
	display: block;
	width: 190px;
	line-height: 30px;
	padding-left:10px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	background-image:url(../img/nav/sub_h3.gif);
	height: 30px;
	font-weight: normal;
}

#submenu li a {
	display: block;
	width:180px;
	padding-left: 20px;
	font-size: 12px;
	color:#555555;
	line-height: 30px;
	background-image: url(../img/nav/sub_li.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	text-decoration: none;
	height: 30px;
}

#submenu li a:hover {
	display: block;
	width:180px;
	padding-left: 20px;
	font-size: 12px;
	color:#404040;
	line-height: 30px;
	background-image:url(../img/nav/sub_li_2.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	text-decoration: none;
	font-weight:normal;
	height: 30px;
}
#submenu li em {
	display: block;
	width:180px;
	padding-left: 20px;
	font-size: 12px;
	color:#404040;
	line-height: 30px;
	background-image: url(../img/nav/sub_li_ov.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	text-decoration: none;
	font-weight:normal;
	height: 30px;
}

/*=　メインコンテンツ　
--------------------------------------------------------*/
/* ----- 見出し h2 ----- */
#main h2 {
	clear:both;
	padding:5px 10px;
	margin-bottom:20px;
	background-color:#D6FFAC;
	border:#009900 solid 1px; 
	border-left:#009900 solid 5px;
}
/* ----- 見出し h3 ----- */
div#main h3{
	color:#000099;
	font-size:120%;
	padding-bottom:10px;
}

/* 1box template */
#main .box1 {
	float:left;
	width:670px;
	margin-bottom:20px;
	padding:0 10px 0 20px;
}
#main .box1 img{
	float:left;
	margin-left:20px;
	margin-right:20px;
}
#main .box1 h3,#main .box1 p{
	text-align:left;
	margin-right:10px;
}

/* 2box model template */
#main .box2 {
	float:left;
	width:345px;
	margin-bottom:20px;
	margin-right:5px;
}
#main .box2 img{
	float:right;
	margin:0 10px;
}

#main .box2 h3{
	text-align:left;
	margin:0 10px 20px 10px;
}

#main .box2 p{
	text-align:left;
	padding:0 10px;
	margin:0 10px;
}

/* 2box template 縦型 */
#main .box2L {
	float:left;
	width:345px;
	margin-bottom:20px;
	margin-right:5px;
}

#main .box2L h3{
	text-align:left;
	margin:0 10px 20px 10px;
}

#main .box2L p{
	text-align:left;
	margin:0 10px;
}
	
/* 3box model */
#main .box3 {
	float:left;
	width:230px;
	text-align:center;
	margin-bottom:10px;
	padding-bottom:1px;
}
#main .box3 img{
	border:none;
}

#main .box3 h3, #main .pickup p{
	text-align:left;
	margin:0 30px;
}

/* design model */
#main .design {
	float:left;
	width:480px;
	text-align:center;
}
#main .design p{
	text-align:left;
	margin-left:20px;
	margin-top:30px;
}
#main .design p strong{font-size:120%; color:#0000FF;}

#main .listP {
	float:right;
	width:220px;
	text-align:center;
}
#main .listP img{
	margin-bottom:10px;
	border:#CCCCCC solid 1px;
}
#main .listP p{
	margin-left:10px;
}

/* table */
#main table {border:none;}
#main table th{padding:1em; border:none; border-left:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px; background-color:#CCCCCC; text-align:left;}
#main table td{padding:1em; border:none; border-left:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px; background-color:#EEEEEE;}

/*=　メインコンテンツ　（トップページ） index
--------------------------------------------------------*/
#index {float:left; width:700px;}
#index h2 {
	clear:both;
	padding:5px 10px;
	margin-bottom:10px;
	background-color:#D6FFAC;
	border:#009900 solid 1px; 
	border-left:#009900 solid 5px;
}

/* ----- sale ----- */
div#sale {
	text-align:center;
	margin-bottom:20px;
}
div#sale img{margin-bottom:30px;}
div#sale p{text-align:left; margin-left:20px;}

/* ----- sale2 ----- */
div#sale2 {
	text-align:left;
	margin-bottom:20px;
}
div#sale img{margin-bottom:30px;}
div#sale p{text-align:left; margin-left:20px;}

/* ----- news ----- */
div.news {width:690px; margin-bottom:20px;}
div.news dl	{float:left;width:670px; padding:0.5em 0 0 20px; text-align:left; border-bottom:#333333 dashed 1px;}
div.news dl div.btn{float:left; width:50px; padding:0.5em 1em 0 0; text-align:center;}
div.news dl dt {float:left; width:140px; display:inline;}
div.news dl dd {float:left; width:480px;}
/* ----- topix ----- */
#main #topix{
}
/* ----- pickup ----- */
#main div.pickup {
	float:left;
	width:690px;
	margin-bottom:10px;
	padding-left:10px;
}
#main div.pickup div.text{
	float:left;
	width:500px;
}
#main div.pickup div.text h3 img{
	float:left;
}
#main div.pickup div.text p{
	clear:both;
	padding-left:20px;
}
#main div.pickup img{
	float:right;
	margin-bottom:5px;
}

/* ----- access ----- */
#main div.access {
	float:left;
	width:340px;
	padding:0 20px;
	margin-bottom:20px;
}
#main div.access p{
	margin-bottom:5px;
}
#main div.access img{
	margin-bottom:5px;
}

/* ----- deas ----- */
div#main.deas h3{
	color:#C03852;
	font-size:medium;
	margin-left: 20px;
	margin-bottom:5px;
	padding-left:10px;
	border-bottom:#C03852 solid 1px;
}
div#main.deas p{
	margin-left:30px;
	margin-top:10px;
}

/* ----- advantage ----- */
div#main.advantage h3{
	margin-left:1em;
	margin-top:1em;
}
div#main.advantage p{
	margin-left:30px;
}
div#main.advantage p.note{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px 20px;
	color:#000000;
	background-color:;
	font-size:120%;
	font-weight:bold;
}

div#main.advantage hr{
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	border:#CCCCCC dashed 1px;
}

/*=　サブコンテンツ　
--------------------------------------------------------*/
/* ----- バナー ----- */
#sub div.banner    {margin:20px 0;}
#sub div.banner img{ margin-top:10px;}


/*=　フッター　
--------------------------------------------------------*/
#footer .logo    {float:left; margin:5px 0 0 0; padding-left:20px;}
#footer .address {float:right; width:480px; margin:5px 10px 0 0 ; text-align:left;}
address {
	width:auto;
	clear:both;
	text-align:center;
	background-color:#7A8D41;
	color:#FFFFFF;
	font-size:x-small;
	font-family: Arial, Helvetica, sans-serif;
}
/*=　テキストの設定　
--------------------------------------------------------*/
.caption {font-size:x-small;}
.details {width:auto; margin-top:10px; text-align:right; display:block; overflow:hidden;}
.note    {color:#FF6600;}

/*=　ボーダーの設定　
--------------------------------------------------------*/
.LineU { border-bottom:#CCCCCC dashed 1px;}