/*-----------------------------------------
■ユニバーサルスタイル、タグ別の定義
-----------------------------------------*/
*{
	margin:0;
	padding:0;
}

body{
	font-size:90%;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;
	color:#274062;
	line-height:1.4;
	background-color:#ffffff;
	min-width:900px;
}

a{ text-decoration:none; }

ul{
	list-style-type:none;
}

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

/* テキスト関連 */

/* 文字関連の定義 */
.textL{ font-size:120%; }
.textM{	font-size:100%; }
.textS{	font-size:80%; }

.red{ color:#FF0000; }
.green{	color:#008800; }
.blue{	color:#0000FF; }

.bold{ font-weight:bold; }

.textEmpty{
	font-size:100%;
	color:#008800;
}	/* 未登録時に表示する文字列 */

/* end 文字関連の定義 */

/* 改行制御 */
.nw{ white-space:nowrap; }
.cl{ clear:both; }
.wbn{ word-break:normal; }
.wba{ word-break:break-all; }

/* hidden */
.ofh{ overflow:hidden; }

/* 位置 */
.ct{ text-align:center; }
.rt{ text-align:right; }
.lt{ text-align:left; }

/* 余白 */
.m2{ margin:2px; }
.m10{ margin:10px; }
.mBt20{ margin-bottom:20px; }
.mBt10{ margin-bottom:10px; }
.mBt5{ margin-bottom:5px; }
.mLR10{ margin-left:10px; margin-right:10px; }
.mL10{ margin-left:10px; }
.mL20{ margin-left:20px; }
.mLRAuto{
	margin-left:auto;
	margin-right:auto;
}
.p10{ padding:10px; }

/* サイズ */
.w5ps{ width:5%; }
.w10ps{ width:10%; }
.w20ps{ width:20%; }
.w30ps{ width:30%; }
.w35ps{ width:35%; }
.w40ps{ width:40%; }
.w45ps{ width:45%; }
.w50ps{ width:50%; }
.w60ps{ width:60%; }
.w70ps{ width:70%; }
.w80ps{ width:80%; }
.w100ps{ width:100%; }

.w30px{ width:30px; }
.w50px{ width:50px; }
.w100px{ width:100px; }
.w120px{ width:120px; }
.w150px{ width:150px; }
.w200px{ width:200px; }
.w250px{ width:250px; }
.w300px{ width:300px; }
.w350px{ width:350px; }
.w400px{ width:400px; }

/* ライン */
.lineTop{ border-top:#666666 groove 3px; }

hr.fixLine{
	visibility:hidden;
	width:700px;
	height:1px;
	margin:0;
	padding:0px;
}

/* ボタン */
input.bt{
	font-size:12px;
	color:#FFFFFF;
	letter-spacing:1px;
	border:2px outset #5F74C4;
	padding:1px;
	background-color:#F3F3F3;
	background-image:url("../images/bt_back.gif");
}

/*-------------------------------------------------------------
■外観
-------------------------------------------------------------*/
div#allContents {
	min-width:900px;
}

.leftBlock{ float:left; }
.rightBlock{	float:right; }

/*-------------------------------------------------------------
■ヘッダー
-------------------------------------------------------------*/
div#header{
	width:870px;
	padding:0 0 0 30px;
	height:80px;
}
div#logo{
	width:350px;
	float:left;
}
div#logo h1{
	height:80px;
	padding:0;
	margin:0;
	font-size:12px;

}
div #logo a{
	display:block;
	background:url("../images/logo.jpg") no-repeat;
	width:350px;
	height:80px;
	text-indent:-9999px;
}
div#bannerArea{
	width:500px;
	height:80px;
	padding:10px 0px 0px 10px;
/* background:url("../images/catchcopy.jpg") no-repeat center right; */
	position:relative;
	margin-left:350px;
}
/*
div#bannerArea h2{
	text-indent:-9999px;
	padding:0;
	margin:0;

}
div#bannerArea span{
	display:block;
	text-indent:-9999px;
}
*/
hr#headerLine{
	visibility:hidden;
	width:900px;
	height:1px;
	margin:0;
	padding:0px;
}
/*-------------------------------------------------------------
■メニュー
-------------------------------------------------------------*/
div#headerMenuArea{
	clear:both;
	height:32px;
	padding:0 3% 0 30px;
	background:url(../images/menuback.gif) repeat-x;
	overflow:inherit;
}
div#headerMenuArea ul{
	background:url(../images/header_menu_back.gif) no-repeat top left;
	list-style-type:none;
	margin:0;
	padding:0;
	height:32px;
	width:727px;
}
div#headerMenuArea li{
	float:left;
	height:30px;
	width:117px;
	padding:2px 0px 0px 0px;
}

div#headerMenuArea li#menu1{}
div#headerMenuArea li#menu2{}
div#headerMenuArea li#menu3{}
div#headerMenuArea li#menu4{}
div#headerMenuArea li#menu5{}
div#headerMenuArea li#menu6{}
div#headerMenuArea a{
	display:block;
	height:21px;
	width:112px;
	font-size:5px;
	overflow:hidden;
	padding-top:5px;
	text-indent:-9999px;
	background-image:url(../images/header_menu_back.gif);
}
div#headerMenuArea #menu1 a{
	background-position:0px -2px;
}
div#headerMenuArea #menu2 a{
	background-position:-117px -2px;
}
div#headerMenuArea #menu3 a{
	background-position:-234px -2px;
}
div#headerMenuArea #menu4 a{
	background-position:-351px -2px;
}
div#headerMenuArea #menu5 a{
	background-position:-468px -2px;
}
div#headerMenuArea #menu6 a{
	background-position:-585px -2px;
}

div#headerMenuArea #menu1 a:hover{
	background-position:-0px -34px;
}
div#headerMenuArea #menu2 a:hover{
	background-position:-117px -34px;
}
div#headerMenuArea #menu3 a:hover{
	background-position:-234px -34px;
}
div#headerMenuArea #menu4 a:hover{
	background-position:-351px -34px;
}
div#headerMenuArea #menu5 a:hover{
	background-position:-468px -34px;
}
div#headerMenuArea #menu6 a:hover{
	background-position:-585px -34px;
}

div#headerMenuArea #logout{display:none;}

/*------------------------------------------------------------------------------
◆ ログイン後メニュー
------------------------------------------------------------------------------*/
#headerSubMenuArea{
	height:30px;
	margin-bottom:3px;
	background-color:#647DAA;
}

#headerSubMenuArea #loginAreaHeader{
	height:30px;
}

#headerSubMenuArea #loginAreaHeader h2{
	float:left;
	width:75px;
	height:30px;
	background-image:url("../images/header_login_title.gif");
	background-repeat:no-repeat;
}

#headerSubMenuArea #loginAreaHeader p{
	float:left;
	font-size:10px;
	color:#FFFFFF;
	padding:5px 3px 0px 5px;
}

#headerSubMenuArea #memberEmail{
	height:14px;
	width:120px;
}
#headerSubMenuArea #memberPassword{
	height:14px;
	width:120px;
}

#headerSubMenuArea #button{
	font-size:10px;
	height:20px;
}

#headerSubMenuArea ul{
	float:left;
	padding:0 0 0 30px;
}

#headerSubMenuArea li{
	float:left;
	width:122px;
}

#headerSubMenuArea li a{
	display:block;
	width:122px;
	height:17px;
	font-size:10px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:13px;
	background-image:url(../images/header_sub_menu.gif);
	background-repeat:no-repeat;
}
#headerSubMenuArea li#mypage a{
	background-position:0px -13px;
}
#headerSubMenuArea li#blog a{
	background-position:-122px -13px;
}

#headerSubMenuArea li#shop a{
	background-position:-245px -13px;
}

#headerSubMenuArea li#message a{
	background-position:-368px -13px;
}

#headerSubMenuArea li#member a{
	background-position:-491px -13px;
}

#headerSubMenuArea li#mypageActive a, #headerSubMenuArea li#mypage a:hover{
	height:30px;
	margin-top:0px;
	background-position:0px -30px;
}
#headerSubMenuArea li#blogActive a, #headerSubMenuArea li#blog a:hover{
	height:30px;
	margin-top:0px;
	background-position:-122px -30px;
}

#headerSubMenuArea li#shopActive a, #headerSubMenuArea li#shop a:hover{
	height:30px;
	margin-top:0px;
	background-position:-245px -30px;
}

#headerSubMenuArea li#messageActive a, #headerSubMenuArea li#message a:hover{
	height:30px;
	margin-top:0px;
	background-position:-368px -30px;
}

#headerSubMenuArea li#memberActive a, #headerSubMenuArea li#member a:hover{
	height:30px;
	margin-top:0px;
	background-position:-491px -30px;
}

#headerSubMenuArea a#logout{
	float:right;
	width:86px;
	height:30px;
	text-indent:-9999px;
	background-image:url("../images/bt_logout.gif");
	margin:0 30px 0 0px;
}

/* ログイン後のメインエリアの調整 */
.mainAreaFix{
	padding-top:11px !important;
}


/*** ログイン後の再度メニュー ***/
div.menuArea{
	width:202px;
	font-size:12px;
	margin-bottom:10px;
}
div.welcomeArea{
	clear:both;
	width:184px;
	padding:5px 8px;
	background-image:url("../images/mypage_elements_back.gif");
	border-bottom:1px dotted #000000;
}

div.welcomeArea div{
	float:left;
	font-size:80%;
	text-align:left;
	padding-left:5px;
}

div.welcomeArea div.welcomePhotoArea{
	display:block;
	float:left;
	width:65px;
	height:65px;
	text-align:center;
	overflow:hidden;
	margin:0px auto 0px auto;
	padding:4px;
	background-color:#FFFFFF;
}


div.welcomeArea div.welcomePhotoArea a{
	display:block;
	width:60px;
	height:60px;
	margin:0px auto 0px auto;
	padding:2px;
	background-image:url("../images/mypage_elements_back.gif");
	border:1px solid #999999;
}

div.welcomeArea div a.title{
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
div.welcomeArea div p{
	font-size:90%;
}

#menuBlogNowEditAreaTitle{
	width:202px;
	height:24px;
	text-indent:-9999px;
	background-image:url('../../common_images/blog_now_edit_area_title.gif');
	background-repeat:no-repeat;
}
#menuBlogNowEditArea{
	width:202px;
	font-weight:bold;
	height:35px;
	wordbreak:break-all;
	margin-bottom:10px;
	padding:5px 10px 10px 10px;
	background-image:url('../../common_images/blog_now_edit_area_footer.gif');
	background-repeat:no-repeat;
	background-position:bottom;
}

#menuBlogRegular{
	width:202px;
}

#menuBlogRegular li{
	margin-bottom:3px;
}

#menuBlogRegular li a{
	display:block;
	width:196px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
}

#menuBlogRegular li#blogBtArticleInsert a{
	background-image:url('../../common_images/blog_bt_article_insert.gif');
}
#menuBlogRegular li#blogBtArticleList a{
	background-image:url('../../common_images/blog_bt_article_list.gif');
}
#menuBlogRegular li#blogBtChangeDesign a{
	background-image:url('../../common_images/blog_bt_change_design.gif');
}
#menuBlogRegular li#blogBtRebuild a{
	background-image:url('../../common_images/blog_bt_rebuild.gif');
}
#menuBlogRegular li#blogBtBlogCheck a{
	background-image:url('../../common_images/blog_bt_blog_check.gif');
}

#menuBlogConfigTitle{
	width:202px;
	height:30px;
	text-indent:-9999px;
	background-image:url('../../common_images/lead_config_menu.gif');
}

#menuEtcTitle{
	width:202px;
	height:30px;
	text-indent:-9999px;
	background-image:url('../../common_images/lead_blog_etc.gif');
}

#menuAtherBlogTitle{
	width:202px;
	height:30px;
	text-indent:-9999px;
	background-image:url('../../common_images/lead_ather_blog.gif');
}

#menuSelectBlogTitle{
	width:202px;
	height:30px;
	text-indent:-9999px;
	background-image:url('../../common_images/lead_select_blog.gif');
}
#menuShopTitle{
	width:202px;
	height:30px;
	text-indent:-9999px;
	background-image:url('../../common_images/lead_shop.gif');
}

#menuMemberTitle{
	width:202px;
	height:30px;
	text-indent:-9999px;
	background-image:url('../../common_images/lead_member.gif');
}

.menu{
	clear:both;
	padding:2px;
	list-style-type:none;
}

.menu li{
	font-size:12px;
	line-height:1.2;
	background-image:url('../../common_images/icon_blue.gif');
	padding:3px 0px 3px 22px;
	background-position:6px 5px;
	_background-position:6px 1px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #000000;
}

.menu li a{
	text-decoration:none;
}
.menu a:hover{ color:#FF0000; }
/*** end メニュー ***/


/*-------------------------------------------------------------
■フッター
-------------------------------------------------------------*/
div#footer{
	clear:both;
	border-top:2px #CFCECE solid;
	padding:5px 5px 10px 0px;
}

div#footer ul{
	text-align:right;
}

div#footer ul li{
	display:inline;
	padding-left:10px;
}

div#footer ul li a{
	font-size:80%;
	color:#0000FF;
	padding-left:20px;
	background-image:url("/common/images/icon_footer.gif");
	background-repeat:no-repeat;
}

div#footer ul li a:hover{
	color:#FF0000;
	text-decoration:underline;
}


div#footer address{
	text-align:right;
}

div#footer address a{
	font-size:12px;
	color:#000000;
	font-style:normal;
	letter-spacing:1px;
	text-align:right;
}

div#footer address a:hover{
	text-decoration:underline;
}

/*-------------------------------------------------------------
■メインコンテンツ
--------------------------------------------------------------*/
/*div#mainContents{
margin-left:210px;
}
*/

table#topMainArea{
	min-width:840px;
	margin:10px 30px 20px 30px;
	padding:0px;
}

td#leftArea{
	width:202px;
	vertical-align:top;
	margin:0px;
	padding:0px 20px 0px 0px;
}

td#mainArea{
	min-width:640px;
	width:100%;
	vertical-align:top;
	margin:0px;
	padding:0px;
}

td#rightArea{
	display:none;
}

/*-------------------------------------------------------------
■左メニュー
---------------------------------------------------------------*/
div#sideMenuArea{
	width:202px;
}
div#sideMenuAreaHeader{
	width:202px;
	height:8px;
	font-size:0px;
}

#menuRegist{
	width:200px;
	margin:0px auto 0px auto;
}

#menuRegist a{
	display:block;
	width:200px;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background:url("../images/menu_bt_member_regist.jpg") no-repeat top left;
}

#menuAbout a:hover{
	background-position:0px -48px;
}

#menuAbout a{
	display:block;
	width:200px;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background:url("../images/menu_bt_about.jpg") no-repeat top left;
}

#menuRegist a:hover{
	background-position:0px -48px;
}

.menuPartsAreaTop{
	text-align:center;
	padding-bottom:1px;
}

#menuPartsAreaBottomHeader{
	height:30px;
	background:url("../images/lead_company.gif") no-repeat top left;
}

.menuPartsAreaBottom{
	text-align:center;
	padding-bottom:5px;
	border-bottom:1px dotted #000000;
}


div#sideMenuAreaFooter{}

/* ログインエリア */
div#loginArea{
	width:178px;
	margin:10px auto 10px auto;
	padding-bottom:10px;
	border:1px solid #D0CBCB;
}

h2#loginAreaTitle{
	height:22px;
	text-indent:-9999px;
	padding:0px 0px 0px 0px;
	background-image:url("../images/left_menu_login_title.gif");
	background-repeat:no-repeat;
}

#loginAreaValue{
	padding:0px 5px 0px 5px;
}

#loginAreaValue p.inputLabel{
	font-size:70%;
	color:#666666;
	padding:0px 5px 0px 0px;
}

div#loginArea #memberEmail{ width:160px;  height:15px;}
div#loginArea #memberPassword{ width:160px; height:15px;}

#loginButtonArea{
	clear:both;
	margin:5px;
	text-align:center;
}
div#passwordArea{
	font-size:10px;
	text-align:left;
}

#loginAreaValue p.link{
	text-align:center;
	padding:2px 0px 0px 0px;
}

#loginAreaValue p.link a{
	font-size:10px;
	color:#000000;
	text-align:right;
	text-decoration:underline;
}

/* お知らせ */
div#topicsArea{
	clear:both;
	padding:0px 0px 0px 0px;
}
h2#topicsAreaTitle{
	height:19px;
	font-size:12px;
	color:#55728D;
	text-indent:-9999px;
	padding:6px 0px 0px 9px;
	background-image:url("../images/lead_information.gif");
	background-repeat:no-repeat;
}

div#topicsArea ul{
	font-size:80%;
	padding:10px 15px 10px 10px;
	background-image:url("../images/information_area_back.gif");
}
div#topicsArea li{
	padding:0px 5px 2px 18px;
	background-image:url("../images/icon_topics.gif");
	background-repeat:no-repeat;
	background-position:0px 1px;
}

div#topicsAreaFooter{
	height:9px;
	background-image:url("../images/information_area_footer_back.gif");
	background-repeat:no-repeat;
}

div#sideMenuArea ul#menu{
	width:180px;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
}

div#sideMenuArea ul#menu li a{
	display:block;
	height:20px;
	font-size:90%;
	padding-left:18px;
	background:url("../images/icon01.jpg") no-repeat;
}


/* end ログインエリア */

/*------------------------------------------------------------------------------
◆ コンテンツページ共通の定義
------------------------------------------------------------------------------*/
/* ヘッダー */
div#portalContentsArea{
	clear:both;
}

div#portalContentsArea p.copy{
	margin:0 3%;
}



div#portalContentsArea h1{
	font-size:18px;
	color:#FFFFFF;
	text-indent:5px;
	padding:5px 0px 5px 0px;
	background-image:url('../images/title_l1-back.gif');
	background-position:0px 0px;
}

div#pathArea{
	font-size:10px;
	text-align:left;
}
div#pathArea a{
	font-size:10px;
	color:#0000FF;
	padding:3px;
}
div#pathArea a:hover{ color:#FF0000; }



div.portalContentsValueA{
	clear:both;
	font-size:12px;
	line-height:120%;
	margin-bottom:20px;
	padding:0px 0px 0px 0px;
	border:1px solid #DEDEDE;
}

div.portalContentsValueB{
	clear:both;
	font-size:12px;
	line-height:120%;
	padding:10px;
}

/* 見出し */
h2.titleL2{
	font-size:12px;
	color:#4F637E;
	line-height:1.0;
	height:30px;
	padding-top:7px;
	background-repeat:no-repeat;
	text-indent:8px;
	background-image:url('../images/title_l2.gif');

}

/* ナビゲーション */
div#navi{
	height:15px;
	clear:both;
/*	width:100%;*/
	text-align:right;
	padding:5px 0px 5px 0px;
	border-top:#666666 groove 3px;
}
div#navi a{
	float:right;
	display:block;
	width:90px;
	height:15px;
	font-size:10px;
	color:#0066CC;
	text-align:left;
	padding-left:15px;
	background-image:url("../../common_images/icon_arrow12orange-right.gif");
	background-repeat:no-repeat;
	background-position:0px 1px;
}
div#navi a{ color:#0000FF; }
div#navi a:hover{ color:#FF0000; }