@charset "utf-8";

.smallFont{font-size:10px;}


/* ボディ
--------------------------------------------------------------- */

a#pagetop {
	display:inherit;
}
div#bodycontainer {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

div.clear{
	width:950px;
	padding-bottom:12px;
	clear:both;
}

/* ヘッダ
--------------------------------------------------------------- */

div#headerContainer{
	width:950px;
	padding-top: 12px;
}
div#headerLogo{
float:left;
padding:0px 0px 0px 10px;
}
div#headerComment{
padding:10px 0px 0px 12px;
float:left;
}
div#headerComment strong {
font-weight:bold;
}
div#headerLink{
padding:10px 10px 0px 0px;
float:right;
}
div#headerLink .sepalate {
color:#999999;
}
div#headerSearch{
padding:5px 0px 0px 0px;
float:right;
}
div#headerSearch td.right_m input#btnBiglobe {
	width: 85px;
}
div#headerSearch td.right_m input#btnWeb {
	width: 70px;
}


/* ナビゲーションバー
--------------------------------------------------------------- */

a.navi:link    {color:#FFFFFF;text-decoration:none}
a.navi:visited {color:#FFFFFF;text-decoration:none}
a.navi:hover   {color:#e60012;text-decoration:none}
a.navi:active  {color:#e60012;text-decoration:none}


div#navigationContainer{
	clear:both;
	padding-top:12px;
	width:950px;
	display: block;
}
ul#navigationTab{
	width:950px;
}
ul#navigationTab li{
	width:134px;
	height:24px;
	float:left;
	margin-right: 2px;
}
ul#navigationTab li a{
	width:134px;
	height:24px;
	text-indent:-9999em;
	outline:0;
	font-size:1px;
	display: block;
	background-repeat: no-repeat;
	text-decoration:none;
}
ul#navigationTab li.tabs a{
	text-indent:0;
	font-size:small;
}

ul#navigationTab li.tabBlog{background-image: url(../img/tab_blog_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabBlog a{background-image: url(../img/tab_blog.gif);}
ul#navigationTab li.tabBlog a:hover{background-image: url(../img/tab_blog_on.gif);}

ul#navigationTab li.tabNeta{background-image: url(../img/tab_neta_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabNeta a{background-image: url(../img/tab_neta.gif);}
ul#navigationTab li.tabNeta a:hover{background-image: url(../img/tab_neta_on.gif);}

ul#navigationTab li.tabParts{background-image: url(../img/tab_parts_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabParts a{background-image: url(../img/tab_parts.gif);}
ul#navigationTab li.tabParts a:hover{background-image: url(../img/tab_parts_on.gif);}

ul#navigationTab li.tabMap{background-image: url(../img/tab_map_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabMap a{background-image: url(../img/tab_map.gif);}
ul#navigationTab li.tabMap a:hover{background-image: url(../img/tab_map_on.gif);}

ul#navigationTab li.tabRss{display: none; background-image: url(../img/tab_rss_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabRss a{background-image: url(../img/tab_rss.gif);}
ul#navigationTab li.tabRss a:hover{background-image: url(../img/tab_rss_on.gif);}

ul#navigationTab li.tabAlbum{background-image: url(../img/tab_album_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabAlbum a{background-image: url(../img/tab_album.gif);}
ul#navigationTab li.tabAlbum a:hover{background-image: url(../img/tab_album_on.gif);}
ul#navigationTab li.tabAlbum {display: none; } /* Add 2018-01-15 Yoshino */

ul#navigationTab li.tabSns{background-image: url(../img/tab_sns_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabSns a{background-image: url(../img/tab_sns.gif);}
ul#navigationTab li.tabSns a:hover{background-image: url(../img/tab_sns_on.gif);}

ul#navigationTab li.tabIm{background-image: url(../img/tab_im_ac.gif); background-repeat: no-repeat; margin-right: 0;}
ul#navigationTab li.tabIm a{background-image: url(../img/tab_im.gif);}
ul#navigationTab li.tabIm a:hover{background-image: url(../img/tab_im_on.gif);}

ul#navigationTab li.tabOfficial{background-image: url(../img/tab_official_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabOfficial a{background-image: url(../img/tab_official.gif);}
ul#navigationTab li.tabOfficial a:hover{background-image: url(../img/tab_official_on.gif);}

ul#navigationTab li.tabTheme{background-image: url(../img/tab_theme_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabTheme a{background-image: url(../img/tab_theme.gif);}
ul#navigationTab li.tabTheme a:hover{background-image: url(../img/tab_theme_on.gif);}

ul#navigationTab li.tabAffiliate{background-image: url(../img/tab_affiliate_ac.gif); background-repeat: no-repeat;}
ul#navigationTab li.tabAffiliate a{background-image: url(../img/tab_affiliate.gif);}
ul#navigationTab li.tabAffiliate a:hover{background-image: url(../img/tab_affiliate_on.gif);}

ul#navigationTab li a.navi{background-image: none;}
ul#navigationTab li a.navi:hover{background-image: none;}


div#navigationBar{
	clear:both;
	width:950px;
	height:30px;
	background-image: url(../img/sub_bar.gif);
	background-repeat: repeat-x;
	display: block;
}
ul#naviBarMenu{
	padding-top:15px;
	margin:0 0 0 6px;
	display: block;
}
ul#naviBarMenu li{
	float:left;
	background: url(../img/sub_slice.gif) no-repeat right 0;
	padding:0 15px 0 0;
	list-style:none;
	display: block;
}
ul#naviBarMenu li.subLast{background-image: none; padding-left:0;}

ul#naviBarMenu li a{
	background-repeat: no-repeat;
	padding:1px 0;
}

ul#naviBarMenu li a.subHowto{background-image: url(../img/sub_icn_howto.gif); padding-left:12px;}
ul#naviBarMenu li a.subTemplates{background-image: url(../img/sub_icn_templates.gif); padding-left:15px;}
ul#naviBarMenu li a.subTheme{background-image: url(../img/sub_icn_theme.gif); padding-left:16px;}
ul#naviBarMenu li a.subCampaign{background-image: url(../img/sub_icn_campaign.gif); padding-left:17px;}
ul#naviBarMenu li a.subOfficial{background-image: url(../img/sub_icn_official.gif); padding-left:20px;}
ul#naviBarMenu li a.subContents{background-image: url(../img/sub_icn_contents.gif); padding-left:17px;}
ul#naviBarMenu li a.subCircle{background-image: url(../img/sub_icn_circle.gif); padding-left:20px;}
ul#naviBarMenu li a.subBegin{background-image: url(../img/sub_icn_beginner.gif); padding-left:16px;}
ul#naviBarMenu li a.subSitemap{background-image: url(../img/sub_icn_contents.gif); padding-left:17px;}
ul#naviBarMenu li a.subMap{background-image: url(../img/sub_icn_map.gif); padding-left:16px;}
ul#naviBarMenu li a.subParts{background-image: url(../img/sub_icn_parts.gif); padding-left:17px;}


/* コンテンツボックス
--------------------------------------------------------------- */

div#contentsContainer{
	clear:both;
	margin-top:10px;
	width:950px;
	display: block;
}

table.contentsBox {
	margin:10px 0;
	border: solid 1px #8c9bca;
}
table.contentsBox td.title {
	font-size:12px;
	font-weight:bold;
	color:#0049ba;
	background-color:#d5e4f2;
	padding:6px;
}
table.contentsBox td.body {
	width:286px;
	padding:6px;
}

.cw_ad_cbx1{
	width: 286px;
}
.cw_ad_cbx1_img{
	padding-right: 10px;
	width: 80px;
	float: left;
}
.cw_ad_cbx1_ttl{
	font-size:12px;
	font-weight: bold;
	padding-bottom:6px;
	width: 196px;
	float: left;
}
.cw_ad_cbx1_ttl a:link    {text-decoration:underline}
.cw_ad_cbx1_ttl a:visited {text-decoration:underline}
.cw_ad_cbx1_ttl a:hover   {text-decoration:underline}
.cw_ad_cbx1_ttl a:active  {text-decoration:underline}
.cw_ad_cbx1_txt{
	font-size:12px;
	line-height: 15px;
	width: 196px;
	float: left;
}
.cw_ad_cbx1_txt a:link    {color:#333333;text-decoration:none}
.cw_ad_cbx1_txt a:visited {color:#333333;text-decoration:none}
.cw_ad_cbx1_txt a:hover   {color:#e60012;text-decoration:none}
.cw_ad_cbx1_txt a:active  {color:#333333;text-decoration:none}



/* メニュー
--------------------------------------------------------------- */
div#contentsContainer {background:url(../img/menu_bg.gif) repeat-y;}
div#contentsContainer #contentsMenu{width:148px; margin:7px 0 10px; float:left; padding:0 6px;}

#contentsMenu .contentsMenuArea{width:148px; background:url(../img/menu_f_bg.gif) repeat-y; margin-bottom:10px;}
#contentsMenu .contentsMenuInner{width:148px; background:url(../img/menu_f_b.gif) bottom no-repeat; padding-bottom:8px;}

#contentsMenu .contentsMenuInner ul{margin:4px 6px 0 10px;}
#contentsMenu .contentsMenuInner li{margin-bottom:1px; padding-left:7px; background:url(../img/menu_list.gif) 0 6px no-repeat;}

#contentsMenu #menuMember{text-align:center;}
#contentsMenu .menuThemeMain{margin:0 6px 0 9px;}
#contentsMenu .menuThemeMain h4{margin-bottom:3px;}
#contentsMenu .menuThemeMain p{line-height:100%; margin-bottom:10px;}
#contentsMenu .menuThemeMain table{margin:0 0 10px 2px;}
#contentsMenu .menuThemeMain table th{ text-align:left; font-weight:normal; width:10%; white-space:nowrap; padding-bottom:2px;}
#contentsMenu ul.menuThemeMainList{margin:0 0 10px;}
#contentsMenu ul.menuThemeMainList li{margin-bottom:2px; padding-left:13px; background:url(../img/menu_theme.gif) no-repeat;}
#contentsMenu #menuTheme form{margin:0;}
#contentsMenu #menuTheme form input.menuThemeInput{ width:95px;}

#contentsMenu .menuHowtoMain{text-align:center; margin-top:8px;}
#contentsMenu .menuHowtoMain img{ margin-bottom:4px;}

#contentsMenu .menuLaboMain{text-align:center;}

#contentsMenu #menuMelmaga form{margin:0 6px 0 9px;}
#contentsMenu #menuMelmaga form input.menuMelmagaInput{ width:125px;}

#contentsMenu .contentsMenuBanner{width:148px; margin-bottom:10px;}

/* メイン
--------------------------------------------------------------- */
div#contentsContainer #topMain{width:470px; margin:7px 0 10px; float:right;}
div#contentsContainer #contentsMain{width:780px; margin:0 0 10px; float:right; overflow:hidden;}

div#contentsContainer:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}




/* フッター
--------------------------------------------------------------- */

div#footerContainer{
	clear:both;
	width:950px;
	display: block;
}

div#footerPagetop{
	background:url(../img/menu_bg.gif) repeat-y;
	width:950px;
	padding-top: 16px;
	padding-bottom: 10px;
	text-align:right;
display:block;
}

div#footerSearch{
	width:950px;
	background-color:#d5e4f2;
	border-top: 1px solid #8c9bca;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	line-height:1.5em;
}

div#footerRecommend{
	width:950px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background-image: url(../img/footer_recommend_bg.gif);
	background-repeat: repeat-x;
}
div#footerLink{
	width:950px;
	border-top: 1px solid #8c9bca;
	padding-top:10px;
}
div#footerLinkBox1{
/*	width:195px;*/
	width:209px;
	float:left;
}
div#footerLinkBox2{
/*	width:560px;*/
	width:530px;
	float:left;
	text-align:center;
	line-height:1.3em;
}
div#footerLinkBox3{
	text-align:right;
/*	width:195px;*/
	width:210px;
	float:right;
}
div#footerLinkBox3 .icon{
	padding-right:8px;
}

div#footerCopyright{
	clear:both;
	width:950px;
	padding-top:10px;
	padding-bottom:30px;
	text-align:center;
}

/* add 2009/03/12
--------------------------------------------------------------- */
#contentsMenu h2 {margin-top:-1px; padding:0; height:1px;}
#contentsMenu h2 span{text-indent:-9999px; font-size:1px; display:block;}


/* add 2009/05/08
--------------------------------------------------------------- */
.topicpath{
	 margin:10px 0;
	 padding:0;
}

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

.topicpath li a{
	padding-right:15px;
  list-style-type:none;
  background:url("/common/img/topicpath.gif") no-repeat right center;
}


/* add 2009/06/16
--------------------------------------------------------------- */
#contentsMenu .menuBusinessMain{margin:0 9px;}


/* add 2009/06/30
--------------------------------------------------------------- */
.contentsMenuInner span a{font-size:85%; text-decoration:none;}


/* add 2009/08/25
--------------------------------------------------------------- */
div#ssoHeader{padding:0; float:right; overflow:hidden;}


/* add 2013/06
--------------------------------------------------------------- */
#contentsMenu .menuMelmagaMain{margin:0 9px;}
#contentsMenu .menuMelmagaMain p{margin:5px 0 0.5em;}