/* CSS Document */

body{
	width:100%;
	font-family:'meiryo','メイリオ','ms pgothic','ms pゴシック',osaka,sans-serif;
	font-size:12px;
	line-height:1.2em;
	text-align:center;
	margin-top:0;
}

/* ### HACK for [IE7] ### */
*:first-child+html body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}
/* === Clear Fix List === */
要素:after{
 	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	line-height: 0;
}
#main:after{
 	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	line-height: 0;
}
#side:after{
 	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	line-height: 0;
}
#footer:after{
 	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	line-height: 0;
}

/*-----------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header{
	width:880px;
	height:155px;
	text-align:left;
	margin:0 auto;
}


/*#header_top{width:880px;
	        height:24px;
			padding-top:2px;
		    background:url(../images/header_top_bg.png) top right no-repeat;}
*/
/*#header h1{
	font-size:13px;
	font-weight:normal;
	color:#666;
	width:336px;
	display:inline;
	height:25px;
}*/

span.update{line-height:26px;
		  color:#666;
		  font-size:10px;
		  }

/*.headLogo{width:221px;
	      height:129px;
		  float:left;}
		  
#globalNavi_box{width:438px;
	      height:129px;
		  float:left;}
		  	  

		  


a#header_kentou_box{width:80px;
	                height:129px;
					display:block;
					text-indent:-9999px;
					background:url(../images/header_kentou_box.png) 0 0 no-repeat;
					float:left;
					margin:0;
					padding:0;}
					
a#header_kentou_box:hover{background:url(../images/header_kentou_box.png) 0 -129px no-repeat;}


a#header_entry_btn{width:141px;
	                height:129px;
					display:block;
					text-indent:-9999px;
					background:url(../images/header_entry_btn.png) 0 0 no-repeat;
					float:left;
					margin:0;
					padding:0;}
					
a#header_entry_btn:hover{background:url(../images/header_entry_btn.png) 0 -129px no-repeat;}

*/

#header #header_area {
	width: 700px;
	float:left;
}

#header_area h1 {
	font-size: 10px;
	color: #666;
	font-weight:100;
	display:inline;
	height:25px;
}

#header_area #free_tel {
	padding-left:7px;
}
#header_area #entry_btn {
	width: 176px;
	float:right;
}
#header #gnav {
	text-decoration: none;
	width: 100%;
}
#header #gnav li {
	text-decoration: none;
	display: inline;
	padding-right: 2px;
}





/*-----------------------------------------------------------------------
content,main,side
-------------------------------------------------------------------------*/

#content{
	width:880px;
	margin:0 auto;
	text-align:left;
}
#content #main{
	width:640px;
	float:left;
	padding:0 0 40px 0;
	font-size:12px;
		
}
#content #freeArea{
}

#content #side{
	width:210px;
	float:left;
	margin-bottom:20px;
	margin:0 0 5px 30px;

}
/*news*/
#news {
	padding:5px 12px 0;
	color:#666;
}
#news_btn {
	float:left;
	width:82px;
}

#new_arrival_description {
	float:left;
	padding-left: 20px;
	width:765px;
}

.f12red {
	font-size:12px;
	color:#FF0000;
	font-weight:normal;
}
.f12redB {
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
}
.f12blue {
	font-size:12px;
	color:#0000FF;
	font-weight:normal;
}
.f12blueB {
	font-size:12px;
	color:#0000FF;
	font-weight:bold;
}
.f12gray {
	font-size:12px;
	color:#666;
	font-weight:normal;
}
.f12grayB {
	color:#333;
	font-size:12px;
	font-weight:bold;
}
.f14gray {
	color:#333;
	font-size:14px;
}

.f14grayB {
	color:#333;
	font-size:14px;
	font-weight:bold;
}
.f18grayB {
	color:#333;
	font-size:18px;
	font-weight:bold;
}


.f28redB {
	color:#ff0000;
	font-size:28px;
	font-weight:bold;
}



/*-----------------------------------------------------------------------
login,logon,signin
-------------------------------------------------------------------------*/
/*ログイン（前）エリア*/

#loginArea {
	width:208px;
	padding:0 0 15px 0;
	margin-bottom:10px;
	border:1px solid #ccc;
}

#loginArea dl#login{
	padding:0 15px;
	margin-top:10px;
}
#loginArea dl#login dt{
	
	width:48px;
	height:20px;
	float:left;
	padding:2px 0 3px 0;
	
}
#loginArea dl#login dd{
	width:110px;
	float:left;
	padding-bottom:3px;
}
#loginArea dl#login dd input{
	width:100px;
}

.logtext {
	font-size:10px;
	color:#FF0000;
}

/*自動ログイン*/
#loginArea dl#auto{
	clear:both;
	margin-left:40px;
	color:#666;
	padding-bottom:10px;
	padding-top:5px;
}
#loginArea dl#auto dt{
	width:25px;
	float:left;
}
#loginArea dl#auto dd{
	width:140px;
	float:left;
	font-size:10px;
	margin-top:2px;
	padding-bottom:4px;
}

/*ログインボタンの位置*/
#loginArea #l_btn {
	padding-top:5px;
	clear:both;
}


/*ログオン中エリア*/
#logon{
	width:208px;
	padding-bottom:10px;
	margin-bottom:10px;
	border:1px solid #ccc;
}
#logon #logon_name {
	background:#FFEEFD;
}
#logon p{
	padding:10px;
}
#logon #logonWelcome {
	padding:10px 10px 0px;
}
#logon #logonId {
	padding:0px 10px 15px;
}


/*ストック一覧ボタン*/
#stock_btn {
	width:210px;
	padding:0px;
	margin-bottom:10px;
}
#stock_btn p{
	padding-left:10px;
}


/*法人のご担当者様エリア*/
#companyArea {
	margin-bottom:10px;
	width:208px;
	border:1px solid #ccc;
	background-color:#f2f2f2;
}
#companyArea ul{
	list-style:none;
}
#companyArea ul li{
	padding:3px 0 3px 30px;
	margin:5px;
	width:166px;
	background:#fff url(../images/common_images/icon03.gif) 8px 9px no-repeat;
	border:1px solid #ccc;
}
#companyArea ul li a{
	padding:5px 0 5px 0px;
	width:166px;
	display:block;
}
#companyArea ul li a:hover{
	padding:5px 0 5px 0px;
	width:166px;
	display:block;
}
#companyArea ul li a:visited{
	padding:5px 0 5px 0px;
	width:166px;
	display:block;
}

/*関連サイト*/
#satelliteBanner {
	margin-bottom:10px;
	padding-bottom:5px;
	width:208px;
	border:1px solid #ccc;
	background-color:#f2f2f2;
}
#satelliteBanner ul {
	list-style:none;
	text-align:center;
}
#satelliteBanner ul li{
	padding-top:5px;
}

/*ベリサイン、Pマーク*/
#secure_mark {
	margin:10px 0 0;
}

/*-----------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
#footer{
	clear:both;
	border-top:5px solid #ccc;
	width:880px;
	text-align:left;
}

#footer_navi{
	float:left;
	clear:both;
	width:650px;
	padding:45px 0 40px 15px;
	font-size:13px;
}
#footer_navi a{
	text-decoration:none;
}

#footer_navi li{
	display:inline;
	padding:0px 7px;
	border-right:1px solid #666;
}


#footer_saintmedia{padding:30px 0 0 15px;}
#footer_saintmedia p{font-size:11px; line-height:14px; display:block; width:320px; float:left; color:#666; padding-bottom:20px;}
#footer_saintmedia p a{text-decoration:none;}
#footer_saintmedia_image{width:400px; float:left;}

#footer_group{padding:0 0 20px 15px;}
#footer_group ul li{font-size:11px; text-decoration:none; line-height:14px; list-style:none; color:#666;}
#footer_group ul li a{text-decoration:none;}

#footer_link{padding:0 0 30px 8px;}
#footer_link ul li{color:#999999; display:inline;
	               padding:0px 7px;
	               border-right:1px solid #666;}
#footer_link ul li a{text-decoration:none; color:#666; font-size:10px;}


#footer address{
	font-size:10px;
	float:right;
	font-style:normal;
	padding:10px;
	color:#666;
}



.errorNotpage {
	font-size:12px;
}

/*SEOテキストエリア*/
#indexTextArea {
	font-size:10px;
	color:#999999;
	margin: 10px 0px;
	padding:8px;
	width:622px;
	border:1px solid #ccc;
}