@charset "utf-8";
/*

	CSS Document for b2b.clean-maker.net
	MediaTypes: all
	Making by: ys
	Version: basic0.4 layout0.7
	Last Update: 2009.11.13

*/

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

	For basic
	
--------------------------------------------- */

/* Reset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 100%; font-weight: normal; font-style: normal; }
h1,h2,h3,h4,h5,h6 { line-height: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select{ font-family: inherit; font-size: inherit; font-weight: inherit; }
legend{ margin: 0; padding: 0; color: #000; }


/* Text */

body {
	color: #333;
	text-align: center;
	line-height: 120%;
	font-size: 100%;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background-color:#fff;
}

a { text-decoration: none; border: none; }
a:link { color: #F66; }
a:visited { color: #963; }
a:active { color: #963; }
a:hover { color: #F60; text-decoration: underline; }

strong, b { font-weight:bold; }
em, i { font-style:italic; }
dl { margin: 0 }
dt { margin: 0 }
dd { margin: 0 }

ul { margin: 0; list-style: disc outside; margin-left: 2em; }
ol { margin: 0; list-style: decimal; margin-left: 2.2em; }
ul.square { margin: 0 0 0 2em; list-style: square outside; }
ul.circle { margin: 0 0 0 2em; list-style: circle outside; }
ul ul.circle,
ul ul.square { margin: 0.3em 0 0; margin: 0 0 0.4em; }


/* Others */

.clear { clear: both; }

hr {
  height: 0;
  margin: 0;
  border: none;
  border-top: 1px solid #000;
}

.none { display: none; }
.hidden { visibility: hidden; }
.indent { text-indent: -9999px; }


/* Clearfix */

.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 */


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

	For layout
	
--------------------------------------------- */

/* page layout ------------------------------ */

body {
	color: #000;
	text-align: center;
	line-height: 200%;
	font-size: 84%;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, sans-serif;
	background: transparent url("img/b2b_bodyBg.jpg") repeat-x 50% 0; 
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

#header {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 59px;
	text-align: left;
	line-height: 0;
	background: transparent url("img/b2b_logo.jpg") no-repeat 0 0; 
}


.gNavi {
	margin: 0 0 0 60px;
	padding: 0;
	height: 25px;
	background: transparent url(img/b2b_navi.gif) no-repeat 0 0;
}

.contents {
	margin: 0 auto;
	padding: 0;
}

.main {
	margin: 0;
	padding: 0;
	width: 595px;
	text-align: left;
	float: left;
}

.sidebar {
	margin: 0;
	padding: 0;
	width: 300px;
	text-align: left;
	float: right;
}

#footer {
	margin: 10px auto 0;
	padding: 10px 0;
	width: 900px;
	text-align: center;
	clear: both;
}


/* header ------------------------------ */

#header h1 {
	width: 100%;
	height: 59px;
	line-height: 0;
	overflow: hidden;
}

#header a {
	width: 240px;
	height: 59px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}


/* gNavi ------------------------------ */

.gNavi ul {
	margin: 0;
	padding: 0;
}

.gNavi li {
	text-indent: -9999px;
	float: left;
	display: inline;
}

.gNavi li a {
	margin: 0;
	padding: 0;
	height: 25px;
	display: block;
	text-decoration: none;
	border: none;
	overflow: hidden;
}

.gNavi .naviTop a { width: 67px; }
.gNavi .naviTop a:active,
.gNavi .naviTop a:hover,
.home .gNavi .naviTop a { background: transparent url(img/b2b_naviOver.gif) no-repeat 0 0; }

.gNavi .navi02 a { width: 89px; }
.gNavi .navi02 a:active,
.gNavi .navi02 a:hover,
.bodyNavi02 .gNavi .navi02 a { background: transparent url(img/b2b_naviOver.gif) no-repeat -67px 0; }

.gNavi .navi03 a { width: 128px; }
.gNavi .navi03 a:active,
.gNavi .navi03 a:hover,
.bodyNavi03 .gNavi .navi03 a { background: transparent url(img/b2b_naviOver.gif) no-repeat -156px 0; }

.gNavi .navi04 a { width: 103px; }
.gNavi .navi04 a:active,
.gNavi .navi04 a:hover,
.bodyNavi04 .gNavi .navi04 a { background: transparent url(img/b2b_naviOver.gif) no-repeat -284px 0; }

.gNavi .navi05 a { width: 139px; }
.gNavi .navi05 a:active,
.gNavi .navi05 a:hover,
.bodyNavi05 .gNavi .navi05 a { background: transparent url(img/b2b_naviOver.gif) no-repeat -387px 0; }


/* promo ------------------------------ */

.promo h2 {
	margin: 0;
	padding: 0;
}

/* contents ------------------------------ */

.main h3 {
	margin: 0 0 7px;
	line-height: 100%;
}

.main p {
	padding: 0 1em 1.5em;
}

p img {
	padding: 0;
	max-width: 100%;
	}

hr {
	margin: 0 auto;
	width: 890px;
	border: none;
	border-top: solid 1px #CCA794;
	}

.mgnB1em { margin: 0 0 1em; }
.mgnB2em { margin: 0 0 2em; }
.mgnLR1em { margin: 0 1em 0; }
.mgnLR2em { margin: 0 2em 0; }

.imgL { float: left; margin-right: 15px; }
.imgR { float: right; margin-left: 15px; }

.txtC { text-align: center; }
.txtL { text-align: left; }
.txtR { text-align: right; }

.txtC1 { color: #F00; }
.txtC2 { color: #00F; }

.txtBold { font-weight: bold; }


/* sidebar ------------------------------ */

.sidebar ul {
	margin: 0;
	padding: 0 3px;
	list-style: none;
}


/* footer ------------------------------ */

#footer {
	clear: both;
}

.fNavi {
	margin: 0 auto;
}

.fNavi ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.fNavi li {
	display: inline;
	list-style: none;
}

.fNavi li a {
	text-decoration: none;
}

.fNavi li:before {
	content: "｜";
	color: #CCA794;
}

.fNavi li.naviTop:before {
	content: "";
}

#footer .copyright {
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
	clear: both;
}

#footer .copyright a {
	text-decoration: none;
	color: #000;
}