@charset "Shift_JIS";

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

#tt {	width: 800px;}

#header {
	clear: both;
	width: 800px;
	padding: 0px;
	margin: 0px auto;
	background-color: #fff;
	text-align: left;
	color: #333333;
	font-size:100%;
	border-bottom: 5px solid #fff;
}

p#head_help { text-align:right; padding:0; margin:0; 	color: #006EBB;}
#head_logo { background: #fff;}
.logo {	margin: 0 0 10px 0;	float: left;}
.copy {	margin: 25px 0 5px 0; float: right; padding: 0;	text-align: right;}

p#head_help a:link {	color: #006EBB; text-decoration: none;	}
p#head_help a:visited {	color: #800080; text-decoration: none;	}
p#head_help a:hover {	color: #006EBB; text-decoration: underline;	}
p#head_help a:active { color: #006EBB; text-decoration: underline;	}
p#head_help a:focus { color: #006EBB;  text-decoration: underline;	}


body { background: #fff;}

#container {
	clear: both;
	width: 800px;
	padding: 0px;
	margin: 0px auto;
	background-color: #fff;
	text-align: left;
	color: #333333;
	font-size:100%;
	position:relative;
}

#container p,dl,ol,td,th {letter-spacing: 0.02em; line-height: 150%; }
.clear { clear:both;}
.mp0 { margin: 0; padding: 0; }
.mp10 { margin-top: 10px; padding: 0; }
.f_left { float: left; margin-right: 10px; }

#container a:link {	color: #0099CC; text-decoration: underline;	}
#container a:visited {	color: #800080; text-decoration: underline;	}
#container a:hover {	color: #0099CC; text-decoration: none;	}
#container a:active { color: #0099CC; text-decoration: none;	}
#container a:focus { color: #0099CC;  text-decoration: none;	}

/* グローバルナビ ------------------------------------------------------ */

#nav_gr {
	clear: both;
}

#nav_gr ul {
	margin: 0;
	padding: 0;
}

#nav_gr li {
	list-style-type: none;
	float: left;
	text-align: center;
	font-weight:bold;
}

#nav_gr li a {
	width: 160px;
	height: 30px;
}
/*-------------------------*/
#photo {
	width: 800px;
	height: 243px;
	margin:0 0 7px 0;
	padding: 120px 0 0 425px;
	border-top: 4px solid #E4E4E4;
	border-bottom: 4px solid #E4E4E4;
	background: url(../img_top/topimg.jpg);
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 375px;
	height: 115px;
}

html>body #photo {
	width: 375px;
	height: 115px;
}


/*半透明フィルタ--W3C非推奨。代替手段を探す必要有*/
p#concept,p#location {
	background: #fff;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	margin:0;
	color:#666666;
}
p#concept {
	width: 365px;
	height: 65px;
	padding: 10px;
	font-weight:bold;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 345px;
	height: 45px;
}

html>body p#concept {
	width: 345px;
	height: 45px;
}
p#location {
	width: 365px;
	padding: 0 10px 10px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 345px;
}

html>body p#location {
	width: 345px;
}


/* ピックアップ・ワンクリック */
#pod { width: 100%;}
#info_pod {	width: 570px; float: left;}


/*お役立ち情報・ピックアップ*/

#pickup { width: 100%;}
#useful { width: 100%; margin-bottom: 10px;}

#useful p { margin: 5px 0 0 0; padding:0;}

h2#t_pickup, h2#t_useful {
	margin:0;
	padding:5px 0;
	border-top:4px solid #666666;
	background: url(../img_top/line_570.gif) no-repeat bottom;
}

#pickup ul { margin: 20px 0 10px 0; padding:0;}
ul.p_list li { list-style: none; line-height:100%;}

.bunner { margin:5px 0; padding:0;}
.f_left_b { float:left; margin-right: 5px;}


/*メールマガジン*/

#melma_pod {
	width: 570px;
	padding: 14px;
	background: #F3F3F3;
	border: 1px solid #CCCCCC;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:540px;
}

html>body #melma_pod {
	width:540px;
}

#melma_pod p,#melma_pod h2 {margin:0; padding:0;}
ul.melma_list {margin:0 0 5px 20px; padding:0;}

p#melma_text {letter-spacing: 0.02em; line-height: 130%;}

/* ワンクリック */
#oneclick_pod {
	width: 210px;
	margin-left:20px;
	float: left;
	background: #F3F3F3;
	position:relative;
}

#oneclick_pod p { line-height:120%;}

.o_pod_list { padding: 10px;} 
.img_bdr { border:1px solid #0073BD; float:left; margin-right: 5px;}

#t_oneclick,#t_other_pro {margin:0; padding:0;}
#t_other_pro { color:#006EBB; } 

#oneclick_pod ul { margin:0; padding:0; line-height: 120%;}
#oneclick_pod li { margin:0; padding:0; list-style: none;}
#oneclick_pod h3.group { font-weight:bold; color:#999999; margin:0; padding:0; line-height: 200%;}

#oneclick_pod a:link {	color: #0099CC; text-decoration: none;	}
#oneclick_pod a:visited {	color: #800080; text-decoration: none;	}
#oneclick_pod a:hover {	color: #0099CC; text-decoration: underline;	}
#oneclick_pod a:active { color: #0099CC; text-decoration: underline;	}
#oneclick_pod a:focus { color: #0099CC;  text-decoration: underline;	}

/*製品一覧------------------------------------------------*/
.page_top { text-align:right; clear: both; margin-bottom:0; padding-bottom:0;}
#pannav {
	width: 800px;
	height: 17px;
	text-indent: 15px;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
}
#title {
	width: 800px;
	height: 88px;
	padding:0px;
	margin:0px;
	background: url(../csc%20bland/img/list_title.jpg) no-repeat;
	border-top: 4px solid #E4E4E4;
	border-bottom: 4px solid #E4E4E4;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 80px;
}

html>body #title {
	height: 80px;
}
.itemline {
	width: 800px;
	height: 100%;
	clear: both;
	display: block;
}
.categ {
	background: url(../csc%20bland/img/top_line.gif) #FFFFFF no-repeat;
	width: 364px;
	padding: 4px 0px 0px;
	margin: 12px;
	float: left;
}
.c_left {
	float: left;
	margin: 0;
	padding: 0x;
}
.c_right {
	float: right;
	margin: 0;
	padding: 0;
}
.c_comm {
	width: 226px;
	padding: 0;
	margin: 0 0 0 8px;
	color: #666666;
}

ul.c_link {
	width: 364px;
	margin: 0px;
	padding: 10px;
	clear: both;
	list-style-type: none;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 344px;
}

html>body ul.c_link {
	width: 344px;
}

.c_link li {
	margin-top: 5px;
}
.c_bottom {
	width: 364px;
	height: 3px;
	background: url(../csc%20bland/img/bottom_line.gif) no-repeat;
	clear: both;
	margin-top: 5px;
}

/*foot------------------------------------------------*/

#foot {
	clear: both;
	width: 800px;
	margin: 10px auto 0px auto;
	padding: 5px 0 0 0;
	text-align: left;
	background-color: #fff;
	color: #333333;
	font-size:100%;
	border-top: 1px solid #CCCCCC;
}

#foot p,dl,ol,td,th {
	letter-spacing: 0.6;
	line-height: 1.5;
}

.f_right { float:right;}

#foot p { margin: 0; padding: 0; }
#foot ul { margin: 0; padding: 0; color: #006EBB; line-height: 1.5;}
#foot li { display:inline; }
#foot li a { text-decoration: none;	}

#foot a:link {	color: #006EBB; text-decoration: none;	}
#foot a:visited {	color: #800080; text-decoration: none;	}
#foot a:hover {	color: #006EBB; text-decoration: underline;	}
#foot a:active { color: #006EBB; text-decoration: underline;	}
#foot a:focus { color: #006EBB;  text-decoration: underline;	}