@charset "UTF-8";

/* base.css 


/* ページ全体のレイアウト（ブロック設定）
--------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "Hiragino Maru Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	background-color: #FFF;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#inbox {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
}
.main{
	width: 930px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
/* ヘッダーエリア
--------------------------------------------------------------------------*/
h1 {
	margin-bottom: 0px;
}


/* デフォルト設定
--------------------------------------------------------------------------*/
a,
a:link,
a:visited {
	color: #060;
	text-decoration: none;
}
a:hover {
	color: #030;
	text-decoration: underline;
}
img {border: 0;}
strong {font-weight: bold;}
p ,dd{
	font-size: 75%;
	line-height: 1.5;
}
ul {
	list-style-type: none;
}
li {
	list-style-type: none;
	font-size:75%;
}
li li {
	font-size:100%;
}
dd p{font-size: 100%;
}
h2,h3 {
	margin-bottom:10px;
}

/* 汎用スタイル
--------------------------------------------------------------------------*/
.floatR {
	float: right;
	margin-bottom: 10px;
}
.floatL {
	float: left;
	margin-bottom: 10px;
}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.space{
	margin-top:10px;
	line-height:1em;
}
.space_ar{
	margin-top:10px;
	line-height:1em;
	font-size:16px;
}
.caption {
	text-indent: -1em;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0.2em 0.2em 0.2em 1em;
	margin-right: 0px;
	text-align: left;
}
.color{
	color: #060;
}
/* ページ内容
--------------------------------------------------------------------------*/
ul.space{
	margin-bottom:25px;
}
div.commodity div{
	width:455px;
}
div.commodity .floatL .center{
	margin-top:35px;
	
}
div.commodity .floatL ul{
	margin-top:15px;
}
div.commodity .floatR dl{
	margin-bottom:15px;
}
div.commodity .floatR dl dt{
	font-size: 75%;
	line-height: 1.5;
	color: #F00;
}
div.commodity ul li{
	float:left;
	width:220px;
	padding-left: 15px;
}
div.commodity ul li.none{
	padding-left: 0px;
	}
div.work div,
div.work2 div{
	width:455px;
}
div.work div dl dt{
	width:94px;
}
div.work div dl dd{
	width:361px;
}
div.work div dl dd .color{
	color: #F00;
}
div.work .space
{
	padding-top: 0px;
	padding-bottom: 15px;	
}
div.work2 div dl dt{
	font-size: 75%;
	line-height: 1.5;
}
div.work2 div dl dt .color{
	color: #F00;
}
div.work2 div.floatL ul li{
	float:left;
	padding-right:12px;
}
div.work2 div.floatL ul li img{
	padding-top: 0px;
	padding-bottom: 3px;
}
div.work2 div.floatL ul li.none{
	padding-right:0px;
}
#inquiry{
	background-color: #4AA6AC;
	padding-left:13px;
	padding-right:13px;
	padding-top:10px;
	margin-bottom:15px;
}
#inquiry a,
#inquiry a:link,
#inquiry a:visited {
	color: #fff;
	text-decoration: none;
}
#inquiry a:hover {
	text-decoration: underline;
	color: #030;
}
#inquiry dl{
	width:447px;
}
#inquiry dl dd{
	color: #FFF;	
}
/* フッターエリア
--------------------------------------------------------------------------*/
#foot{
	margin-top:15px;
}
address{
	font-size: 75%;
	line-height: 1.5;
	width:672px;
	float:left;
}
#foot div{
	width:258px;
	float:right;
}
#foot div ul li{
	float:left;
	padding-left:10px;
}
#foot div ul li.none{
	padding-left: 0px;
	}
/* フロートのクリア(clearfix)
--------------------------------------------------------------------------*/

.clearfix,
.wrap,
#foot
{
	display: inline-block;
}
.clearfix:after,
.wrap:after,
#foot:after
{
    content: ".";
	font-size: 0.1em;
	line-height: 0;
    display: block;
    height: 0;
    visibility: hidden;
	clear: both;
}

/* ここから MacIE5を除外 \*/ 
* html .clearfix,
* html .wrap,
* html #foot
 {
	height: 1%; 
} 
.clearfix,
.wrap,
#foot
{
	display: block; 
} 
/* ここまで MacIE5を除外 */