@charset "utf-8";

/* -----------------------------------------------------------
 
/* CSS構造 */
/*
 * 00:初期化
 * 01:全体
 * 02:ヘッダー
 * 03:グローバルメニュー
 * 04:メインレイアウト
 * 05:フッター
 *
 * 10:TOP
 * 11:客
	* 12:バイヤー
	* 13:クリエイター
	*
 * 20:form
	*
 * 99:Clearfix
 
----------------------------------------------------------- */


/*==========================================================================================
	00:初期化
==========================================================================================*/

html {
	overflow-y: scroll;
}

body {
	margin:0 0 10px 0;
}

div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img{
	margin: 0;
	padding: 0;
}
ol li{
margin:0;}
img{
	border:0px;
}

/*==========================================================================================
	01:全体
==========================================================================================*/

body {
	color: #444;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
* html body {
 font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.clear {
	clear:both;
}

.txtR{
text-align:right;
}

.center{
text-align:center;}

/*色*/
.red {
color:#FF3366;}


/*==========================================================================================
	02:ヘッダー
==========================================================================================*/
div#header {
 width:900px;
	height:56px;
 margin:20px auto 20px auto;
}

div#header div#logo {
float:left;
width:230px;
height:56px;
}
div#header div#logo h1 {
 float:left;
 width:120px;
	margin:0; 
	text-align:center;
}
div#header div#logo #home{
margin:19px 0 0 20px ;}
	
div#header ul#navi {
list-style:none;
width:335px;
margin:0 0 0 562px;
}
div#header ul#navi li{
float:left;
padding:0 0 0 10px;}

/*==========================================================================================
	03:グローバルメニュー
==========================================================================================*/




/*==========================================================================================
	04:メインレイアウト
==========================================================================================*/
div#ktitle{
 clear:both;
 width:900px;
 margin:0 auto 30px auto;
}
/*お客様 横*/
div#btnapp2{
 position: absolute;
	width:304px;
 left:597px;
}
div#btnapp2 img{
margin:0 0 0 10px;
}
/*バイヤー横*/
div#btnapp{
 position: absolute;
 left:778px;
}

dl{
 padding:10px 0 0 0;
}
dt{
 margin:10px 0 5px 0;
}
dd{
 margin:0 0 20px 25px;
 line-height:1.5;
}
dd p {
 margin:0 0 5px 0;
}

div#oubo {
width:900px;
margin:40px auto;
padding:40px 0;
border-top:#999999 dotted 1px;
text-align:center;}

/*==========================================================================================
	05:フッター
==========================================================================================*/
div#pagetop {
 clear:left;
width:900px;
margin:10px auto;
text-align:right;}

#footer {
 clear:left;
	width: 900px;
	margin: 0 auto ;
	padding:10px 0;
	border-top:#CCCCCC 3px solid;
	text-align:right;
}

#footer img{
margin:0 0 0 10px;}

/*
#footer {
 clear:left;
	width: 900px;
	margin: 0 auto ;
	padding:10px 0;
	text-align:right;
	background:#F5F5F5;
}*/




/*==========================================================================================
	10:TOP
==========================================================================================*/
h1 {
margin:20px auto 40px auto;
text-align:center;
}

#title{
position:relative;
clear:left;
width:800px;
height:400px;
margin:0 auto 70px auto;
background:url(../img/title.gif) no-repeat;
}

div#btnexp{
 position: absolute;
	top:320px;
	left:160px;
}

#title2{
width:800px;
margin:0 auto 30px auto;
line-height:1.5;
font-size:small;
}
#title2 img {
margin:0 0 10px 0;}

/*TOPメインボタン*/
ul#topnavi {
	list-style:none;
	width:800px;
	height:230px;
	margin:0 auto 65px auto;
}
ul#topnavi li {
	float:left;
	margin:0 40px 0 0;
}
ul#topnavi li.corner {
	margin:0;
}

/*リンク*/
ul#link {
 clear:left;
	list-style:none;
	width:900px;
	height:60px;
	margin: 0 auto 45px auto;
	padding:20px 0;
	font-size:10px;
	color:#CC0000;
	text-align:center;
	border-top:#999999 dotted 1px;
	border-bottom:#999999 dotted 1px;
}
ul#link li {
	float:left;
	margin:0 18px 0 0;
}
ul#link li.corner {
	margin:0;
}
/*スポンサー*/
div#sponsor {
 width:900px;
 margin:0 auto 60px auto;
 line-height:1.3;
 font-size:xx-small;
}
div#sponsor ul {
	list-style:none;
	height:180px;
 margin:10px 0;
 background:url(../img/sponsor_back.gif);
}
div#sponsor li{
	float:left;
	height:40px;
	margin:0 10px 11px 0 ;
}
div#sponsor li.corner {
	float:left;
	height:40px;
	margin:0 0 11px 0;
}

/*組合企業*/
div#company {
	width:900px;
	margin:0 auto 30px auto;
	line-height:2.0;
	color:#999999;
	font-size:xx-small;
	text-align:justify;
}
div#company img{
margin:0 0 10px 0;}

/*==========================================================================================
	11:客
==========================================================================================*/
#contents01{
position:relative;
width:740px;
margin:0 auto 20px auto;
padding:0 0 0 160px;
font-size:small;
background:url(../img/01visitor/back.jpg) repeat-y;}

table.catch {
width:100%;
margin:0 0 40px 0;
border:#DDDDDD solid 1px;
border-collapse:collapse;
font-size:small;
}

table.catch caption {
padding:0 0 10px 0;
text-align:left;}

table.catch td {
padding:3px 3px 3px 20px;
border-bottom:#EFEFEF solid 1px;
}
table.catch tr.ti {
background:#EBEBEB;

}
table.catch tr.ti td {
padding:10px 0 10px 20px;
border-right:#AAAAAA dotted 1px;}
table.catch td.ti {
border-right: #CCCCCC dotted 1px;}

table.catch tr.col{
background: #FAFAFA;}

#cen {
margin:0 0 50px 0;
text-align:center;}

/*ありがとう*/
#end{
margin:0 0 35px 0;}


/*==========================================================================================
	12:バイヤー
==========================================================================================*/
#contents02{
position:relative;
width:740px;
margin:0 auto 20px auto;
padding:0 0 0 160px;
font-size:small;
background:url(../img/02buyer/back.jpg) repeat-y;}


/*==========================================================================================
	14:プライバシー
==========================================================================================*/
#privacy{
width:900px;
margin:0 auto 20px auto;
padding:60px 0 0 0;
line-height:1.5;
border-top:#999999 1px dotted;
font-size:small;}

/*==========================================================================================
	15:詳細
==========================================================================================*/
#exp{
width:900px;
margin:0 auto 20px auto;
padding:60px 0 0 0;
line-height:1.5;
border-top:#999999 1px dotted;
font-size:small;}

#exp p{
margin:0 0 30px 10px;
}

#exp img{
margin:10px 0;}

/*==========================================================================================
	20:form
==========================================================================================*/
div#contentsform{
width:860px;
margin:0 auto 20px auto;
padding:20px;
background:#F5F5F5;}

div#contentsform table#form {
width:860px;
margin:0 auto;
border:#CCCCCC solid 1px;
border-collapse:collapse;}

div#contentsform table#form td {
padding:10px;
border-bottom:#CCCCCC dotted 1px;
background:#FFFFFF;}

div#contentsform table#form td.ti{
width:370px;
font-size:small;
background:#EBEBEB;
}
div#contentsform table#form td.ti p {
margin:10px 0 0 0;
color:#666666;
font-size:x-small;}

div#contentsform div#ffoot {
margin:20px auto 0 auto;
text-align:center;}

div#contentsform div#ffoot .b{
margin:0 5px;
padding:3px 10px;
color:#666666;
border:#999999 solid 1px;
background:#FFFFFF;}

div#contentsform div#thank {
margin:50px 0;
text-align:center;}


/*==========================================================================================
	99:Clearfix
==========================================================================================*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* end MacIE5 */