/* CSS Document 
------------------------------------------------------------
1. site common
2. wrap01 / 02
3. header
	3-1. ul#headLink 
	3-2. #headMenu ul
	3-3. #topImage
4. wrap03
5. mainContents
6. rightMenu
7. footer
8. parts
	8-1. .more / moreRightMenu
9. font-settings
-----------------------------------------------------------*/
/*---------------------------------------------------
 1. site common
---------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	position:relative;
	margin:0 auto;
	font-family:sans-shelf;
	font-size:80%;
	text-align:center;
	background-color:#f3f3f3;
}
a {
	text-decoration:none;
	outline:none;
}

a:hover {
	text-decoration: underline;
}

img { border:none; }
.clear { clear:both; }
.fRight { float:right; }
.fLeft { float:left; }
.tx_redb { font-weight:bold; color:#FF6600;}
.tx_right { text-align:right;}
.tx_smallb { font-size:smaller;}
.tx_small { font-size:smaller; color:#999999;}
span.tx_strong { font-weight:bold;}
.small { font-size: smaller; line-height:1.5em;}
.noindent {text-indent:0;}
span.new { font-weight:bold; color:#FF6600;}
/*---------------------------------------------------
 2. wrap01 / 02
---------------------------------------------------*/
div#wrap01 {
	width:810px;
	margin:0 auto;
	text-align:center;
	background:#f3f3f3 url(../images/body_bg.gif) center top repeat-y;
}
div#wrap02 {
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
/*---------------------------------------------------
 3. header
---------------------------------------------------*/
#header {
	margin:0 10px;
}
#header a { outline:none; }
#headContetns {
	display:block;
	height:74px;
	text-align:left;
	background:url(../images/haedcontets_bg.gif) center top no-repeat;
}
h1.top,
div.siteTitle { 
	float:left;
	display:block;
	width:354px;
	height:70px;
	margin-left:5px;
	text-indent:-9999px;
	background:url(../images/site_title.gif) 0 0 no-repeat;
}
.siteTitle {
	float:left;
	display:block;
	width:354px;
	height:70px;
	margin-left:5px;
}
#justLogo {
	float:right;
	margin-right:5px;
}
/*- 3-1. -ul#headLink -------------------------------------------------*/
ul#headLink {
	clear:right;
	display:block;
	float:right;
	width:455px;
	margin:8px 5px 0 0;
}
ul#headLink li {
	display:block;
	float:left;
	height:18px;
	margin:0;
	padding:0;
	list-style:none;
}
ul#headLink li.myshop a {
	display:block;
	width:87px;
	height:18px;
	background:url(../images/li_01_myshop.gif) left -18px no-repeat;
	text-indent:-9999px;
}
ul#headLink li.myshop a:hover {
	display:block;
	width:87px;
	height:18px;
	background:url(../images/li_01_myshop.gif) left 0 no-repeat;
	text-indent:-9999px;
}
ul#headLink li.magazine a {
	display:block;
	width:91px;
	height:18px;
	background:url(../images/li_01_magazine.gif) left -18px no-repeat;
	text-indent:-9999px;
}
ul#headLink li.magazine a:hover {
	display:block;
	width:91px;
	height:18px;
	background:url(../images/li_01_magazine.gif) left 0 no-repeat;
	text-indent:-9999px;
}
ul#headLink li.sitemap a {
	display:block;
	width:83px;
	height:18px;
	background:url(../images/li_01_sitemap.gif) left -18px no-repeat;
	text-indent:-9999px;
}
ul#headLink li.sitemap a:hover {
	display:block;
	width:83px;
	height:18px;
	background:url(../images/li_01_sitemap.gif) left 0 no-repeat;
	text-indent:-9999px;
}
ul#headLink li.toiawase a {
	display:block;
	width:84px;
	height:18px;
	background:url(../images/li_01_toiawase.gif) left -18px no-repeat;
	text-indent:-9999px;
}
ul#headLink li.toiawase a:hover {
	display:block;
	width:84px;
	height:18px;
	background:url(../images/li_01_toiawase.gif) left 0 no-repeat;
	text-indent:-9999px;
}

ul#headLink li.meister a {
	display:block;
	width:110px;
	height:18px;
	background:url(../images/li_01_meister.gif) left -18px no-repeat;
	text-indent:-9999px;
}
ul#headLink li.meister a:hover {
	display:block;
	width:110px;
	height:18px;
	background:url(../images/li_01_meister.gif) left 0 no-repeat;
	text-indent:-9999px;
}

/*- 3-2. #headMenu ul --------------------------------------------------*/
#headMenu {
	display:block;
	height:26px;
	margin-top: 26px;
}
#headMenu ul {
	display:block;
	height:26px;
}
#headMenu ul li {
	display:block;
	float:left;
	width:130px;
	margin:0;
	padding:0;
	list-style:none;
}
#headMenu ul li.academy a {
	display:block;
	height:26px;
	background:url(../images/li_02_academy.gif) 0 -26px no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.academy a:hover {
	display:block;
	height:26px;
	background:url(../images/li_02_academy.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.coneta a {
	display:block;
	height:26px;
	background:url(../images/li_02_coneta.gif) 0 -26px no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.coneta a:hover {
	display:block;
	height:26px;
	background:url(../images/li_02_coneta.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.support a {
	display:block;
	height:26px;
	background:url(../images/li_02_support.gif) 0 -26px no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.support a:hover {
	display:block;
	height:26px;
	background:url(../images/li_02_support.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.corab a {
	display:block;
	height:26px;
	background:url(../images/li_02_corab.gif) 0 -26px no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.corab a:hover {
	display:block;
	height:26px;
	background:url(../images/li_02_corab.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.houkago a {
	display:block;
	height:26px;
	background:url(../images/li_02_houkago.gif) 0 -26px no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.houkago a:hover {
	display:block;
	height:26px;
	background:url(../images/li_02_houkago.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.member a {
	display:block;
	height:26px;
	background:url(../images/li_02_member.gif) 0 -26px no-repeat;
	text-indent:-9999px;
}
#headMenu ul li.member a:hover {
	display:block;
	height:26px;
	background:url(../images/li_02_member.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
/*- 3-3. #topImage ------------------------------------------------*/
#topImage {
	margin:10px 0 0 0;
	padding:0;
}
/*---------------------------------------------------
 4. wrap03
---------------------------------------------------*/
#wrap03 {
	margin:10px 10px 15px 10px;
	padding:0;
}
/*---------------------------------------------------
 5. mainContents
---------------------------------------------------*/
#main {
	float:left;
}
#mainContents {
	text-align:left;
}
/*---------------------------------------------------
 6. rightMenu
---------------------------------------------------*/
#menu {
	float:right;	
}

.rMenuTitle {
	display:block;
	margin:0;
	padding:7px 5px 4px 5px;
	font-size:100%;
	text-align:left;
	background:url(../images/h6_bg.gif) 0 0 repeat;
	font-weight:bold;
}

/*---------------------------------------------------
 7. footer
---------------------------------------------------*/
#footer {
	clear:both;
	width:800px;
	margin:0 auto 0px auto;
	padding:10px 0 20px 0;
	text-align:center;
	border-top:1px solid #008030;
	font-size:0.9em;
	background:url(../images/footer_bg.gif) center bottom no-repeat;
 }

#footer ul {
 margin:5px 10px 15px;
 padding:8px 10px 10px;
 -border:1px #555 solid;
 border-radius:8px;
 background:#eee;
 }

#footer ul li, #footer h4 {
 font-size:0.8rem;
 line-height:1.3rem;
 }

#footer ul li {
 box-sizing:border-box;
 list-style-type:none;
 float:left;
 width:355px;/*260px;*/
 padding:0 5px;
 text-align:left;
 color:#555;
 }

#footer a {
 text-decoration: none;
 color:#666;
 }

#footer a:hover {
 text-decoration: underline;
 color:#888;
 }

#footer h4 {
 color:#108030;
 }

/*---------------------------------------------------
 8. parts
---------------------------------------------------*/
/*- 8-1. .more / moreRightMenu -----------------*/
div.more {
	clear:right;
	display:block;
	height:16px;	
	margin:11px 11px 2px 0;
	padding: 0 4px 1px 3px;
	line-height:16px;
	text-align:right;
	font-size:10px;
	background:url(../images/btn_more_bg.gif) right bottom no-repeat;
}
div.more a { color:#FFFFFF; }
#wrap05 div.more a { color:#FFFFFF; }
div.moreRightMenu {
	clear:both;
	display:block;
	height:16px;	
	margin:5px 8px 0px 0;
	padding: 0 4px 0px 3px;
	line-height:16px;
	text-align:right;
	font-size:10px;
	background:url(../images/btn_more_bg.gif) right top no-repeat;
}
div.moreRightMenu a { color:#FFFFFF; }
div.moreRightMenu img { 
	float:right;
	text-align:right;
}

/*---------------------------------------------------
 9. font-settings
---------------------------------------------------*/
.bold { font-weight:bold; }
img.mailico { vertical-align: text-bottom;}

/* Appendix */
.clearfix:after {
 content: "";
 clear: both;
 display: block;
}