/*--------------------------------------------

	For all file

	Last update :
 		2016.7.7 ushi
		2016.5.10 ushi

	---------------------------
	1-0 style reset
	2-0 basic visual setting
	3-0 structure
		3-1 header
		3-2 menu
		3-3 submenu
		3-4 footer
		3-5 float clear

	4-0 visual setting
		4-1 common
		4-2 header
		4-3 mainmenu
		4-4 submenu
		4-5 topicpath
		4-6 category
  --------------------------------------------*/

/*---------------------------------------------------------------
  1-0 style reset
----------------------------------------------------------------*/

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, th, td, caption, form, input, blockquote, pre, form{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
}

dl, dt, dd, h1, h2, h3, h4, h5, h6, p, ul, ol, li, th, td, caption, form, input, blockquote{
	line-height:1;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

caption, th{
	text-align:left;
}

img{
	vertical-align:bottom;
	border:none;
}

input{
	vertical-align:bottom;
}



/*---------------------------------------------------------------
  2-0 basic visual setting
----------------------------------------------------------------*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background:#fff;
	color:#5e4322;
}

strong{
	color:#c00;
	font-weight:bold;
}

em{
	color:#c00;
	font-style:normal;
}

a:link{
	color:#017669;
}

a:visited{
	color:#666;
}

a:hover{
	color:#f36;
}

#header a:link, #footer a:link, #pageup a:link, #submenu a:link{
	color:#000;
	text-decoration:none;
}

#pageup a:link, #submenu a:link{
	color:#017669;
}

#header a:visited, #footer a:visited, #pageup a:visited, #submenu a:visited{
	color:#666;
	text-decoration:none;
}

#header a:hover, #footer a:hover, #pageup a:hover, #submenu a:hover{
	color:#f36;
	text-decoration:underline;
}


.clear{
	clear:both;
}


/*-----centering for IE-----*/
body{
	text-align:center;
}

/*-----basefontsize for IE------*/
#body{
	font-size:80%;
	letter-spacing:0.02em;
}

/*------basefontsize for another------*/
html>body #body{
	font-size:12px;
	letter-spacing:0;
}

/*-----basefontsize for IE7------*/
*:first-child+html #body{
	font-size:80%;
}

/*------float clear hack------*/
.clr:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clr { display: inline-block; }
/* no ie mac \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* */

/*---for IE7---*/
*:first-child+html body .clr{
	overflow:auto;
	height:auto;
}


/*------open new window------*/
img.newwin{
	margin-right:0.25em;
	margin-left:0.16em;
	vertical-align:middle;
}


/*----------------------------------------------------------------
3-0 structure
-----------------------------------------------------------------*/

/*--------------------------------------------
3-1 header
---------------------------------------------*/

#header strong{
	color:#5e4322;
	font-weight:normal;
}

#logo{
	float:left;
	width:158px;
}

#headcontents{
	float:right;
	width:780px;
}

#header .tagline{
	float:left;
	width:300px;
	padding-top:2px;
}

#header .pr{
	float:left;
	width:380px;
	padding-top:2px;
}

#header .sitemap{
	float:right;
	width:66px;
	padding:2px 0 2px 16px;
}

/*--------------------------------------------
3-2 menu
---------------------------------------------*/

#mainmenu li.homebtn{
 float:left;
 width:74px;
}

#mainmenu li.beginnerbtn{
 float:left;
 width:71px;
}

#mainmenu li.knowledgebtn{
 float:left;
 width:70px;
}

#mainmenu li.howtobtn{
 float:left;
 width:73px;
}

#mainmenu li.itembtn{
 float:left;
 width:110px;
}

#mainmenu li.faqbtn{
 float:left;
 width:58px;
}

#mainmenu li.newsbtn{
 float:left;
 width:81px;
}

/* --------------------------------------------
3-3 submenu
----------------------------------------------*/

#submenu li{
	float:left;
	width:111px;
	padding:6px 12px 8px 12px;
}
/* hack for IE6 - 20091119 */
* html body #submenu li{
	width:135px;
}

/* --------------------------------------------
3-3 footer
---------------------------------------------*/

#footmenu{
	float:left;
	width:179px;
}

#footer ul{
	list-style:none;
}


#banshop02{
	float:left;
	width:185px;
	margin-right:30px;
}

#bancosme{
	float:left;
	width:185px;
	margin-right:30px;
}

#bangakkai{
	float:left;
	width:155px;
	margin-right:30px;
}

#bannisekagaku{
	float:left;
	width:155px;
}

#fixedPageup{
	position:fixed;
	right:15px;
	bottom:15px;
}
#fixedPageup a{
	display:block;
	height:54px;
	width:54px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(/imgj/common/ic_pageup01.png) no-repeat;
	background-size:100%;
}

/* --------------------------------------------
3-4 float clear
---------------------------------------------*/

#mainmenuback, #contentsback, #contents, #pageup, #footerback, #copyright{
	clear:both;
}


/*----------------------------------------------------------------
  4-0 visual setting
-----------------------------------------------------------------*/

/* --------------------------------------------
4-1 common
---------------------------------------------*/

#header, #mainmenu, #submenu, #contents, #footer{
	width:950px;
	margin:0 auto;
	text-align:left;
}

#contentsback{
	background:#fdfbf7;
	border-bottom:1px solid #b49c77;
}

#footerback{
	background:#f5f0e2;
}

span.new{
	margin-left:0.5em;
	color:#fe888e;
}

span.pickup{
	margin-left:0.5em;
	color:#47a2fc;
}

/* --------------------------------------------
4-2 header
----------------------------------------------*/

#logo{
	padding:30px 0 10px 0;
}

#search{
	margin-left:180px;
	margin-bottom:13px;
	background:#dbd4c3 url("/imgj/header/foot_search02.jpg") no-repeat right bottom;
	text-align:right;
}

#search form{
	padding:8px 10px 8px 10px;
	background:url("/imgj/header/foot_search01.jpg") no-repeat left bottom;
}

#header .tagline{
	font-size:80%;
}

#header .pr{
	font-size:80%;
	text-align:right;
}

#header .pr a{
	text-decoration:underline;
}

#header .sitemap{
	background:url("/imgj/header/icon_sitemap.gif") no-repeat left center;
	font-size:80%;
}

/* --------------------------------------------
4-3 mainmenu
----------------------------------------------*/

#mainmenuback{
	background:url("/imgj/menu/back_menu02.gif") repeat-x left bottom;
}

#mainmenu{
	background:url("/imgj/menu/back_menu.gif") no-repeat left top;
}

#mainmenu ul{
	list-style:none;
}


/* --------------------------------------------
4-4 submenu
----------------------------------------------*/

#submenu{
	padding:25px 0 6px 0;
	border-bottom:1px solid #b49c77;
}

#submenu li{
	padding:6px 12px 8px 12px;
	background:url("/imgj/menu/line_submenu.gif") repeat-y right top;
	letter-spacing:0em;
	line-height:1.34;
}

#submenu li.line01{
	padding:1.3em 13px 1.25em 11px;
}

#submenu li.last{
	background:none;
}

#submenu li.on{
	font-weight:bold;
}

#knowledge #submenu{
	background:url("/imgj/menu/back_sub_knowledge.gif") no-repeat left top;
}

#howto #submenu{
	background:url("/imgj/menu/back_sub_howto.gif") no-repeat left top;
}

#news #submenu{
	background:url("/imgj/menu/back_sub_news.gif") no-repeat left top;
}

/*2012.12 for knowledge */
#knowledge #submenu li{
	width:102px;
}

#knowledge #submenu li.line01{
	padding:1.3em 4px 1.25em 11px;
}

/* --------------------------------------------
  4-5 topicpath
----------------------------------------------*/

#topicpath{
	padding:17px 0 15px 2px;
	font-size:92%;
}

#topicpath strong{
	color:#5e4322;
	font-weight:normal;
}

#topicpath ol{
	list-style:none;
}

#topicpath li{
	display:inline;
	line-height:1.34;
}

#topicpath li a{
	padding-right:12px;
	background:url("/imgj/common/arw02_brown.gif") no-repeat right 3px;
	text-decoration:none;
}


/* --------------------------------------------
4-6 pageup
----------------------------------------------*/

#pageup{
	padding:9px 0;/*160422修正*/
	/*background:url("/imgj/common/line_pageup.gif") repeat-x 0 25px;160422修正*/
	text-align:center;
}

#pageup .arwup{
	position:relative;
	top:1px;
	left:4px;
}

#pageup strong{
	color:#5e4322;
	font-weight:normal;
}

#pageup strong a:link{
	color:#017669;
}

#pageup strong a:visited{
	color:#666;
}

#pageup strong a:hover{
	color:#f36;
}

/* --------------------------------------------
4-7 footer
----------------------------------------------*/

#footer{
	padding-top:27px;
}

#footmenu li{
	margin:0 0 0.7em 0;
	padding-left:8px;
	background:url("/imgj/footer/arw02_footer.gif") no-repeat 0 3px;
}

#footmenu li.contact{
	margin-bottom:1.7em;
	padding-left:17px;
	background:url("/imgj/footer/icon_mail.gif") no-repeat 0 1px;
}

#footer .banner p{
	margin-top:7px;
	font-size:80%;
	line-height:1.5;
}

#footer .banner p.ttl{
	margin-top:0;
	font-size:92%;
	line-height:1.2;
}

#footer .banner p.ttl a{
	text-decoration:none;
}

#footer .banner p.ttl img{
	margin-bottom:7px;
}

#footer .banner p.ttl img.newwin{
	margin-bottom:0;
}

#footsns{
	clear:both;
	font-size:0px;
}
	 
#footsns ul{
	border-bottom:dotted #D3C4AB;
	border-width:1px 0;
	padding:15px 0;
}
 
#footsns li{
	display:inline-block;
	margin:0 24px;
}
 
*:first-child+html #footsns li{
	display:inline;
}
 
#footsns li.first{
	margin:0 4px 0 24px;
}
 
#footsns p{
	display:inline-block;
	margin:0 8px;
}
*:first-child+html #footsns p{
	display:inline;
}
 
#footsns a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;		 
}
#footsns p.logo{
	display:block;
	padding:10px 0 0;
	line-height:1;
	font-size:1px;
}


#copyright{
	padding:40px 0 10px 0;
}

#copyright p{
	line-height:1.5;
	text-align:center;
	color:#666;
}

/**/

/* hack for IE6 - 20091119 */
*html .contact a{
	line-height:1.1;
}

/* add - 20091119 */
#search_box{
	position:relative;
	top:-2px;
	height:13px;
}

/* hack for IE6 - 20091119 */
* html #search_box{
	top:-0px;
	height:20px;
}

/* ----------------------
  4-9 message404
------------------------*/

#message404{
	width:564px;
	margin:30px 0 0 193px;
	background:url("/imgj/sorry/back_sorry.gif") repeat-y left top;
}

#message404 h1{
	padding:120px 0 20px 63px;
	background:url("/imgj/sorry/back_ttl_sorry.gif") no-repeat left top;
	line-height:1;
}

#message404 p{
	padding:1.5em 63px 0 63px;
	font-size:117%;
	line-height:1.8;
}

#message404 p.btn{
	margin-bottom:40px;
	padding:2em 0 35px 0;
	font-size:100%;
	line-height:1;
	background:url("/imgj/sorry/foot_sorry.gif") no-repeat left bottom;
}

#message404 p.btn a{
	display:block;
	width:198px;
	margin-left:272px;
	padding:15px 20px 16px 20px;
	text-decoration:none;
}

#message404 p.btn a:link, #message404 p.btn a:visited{
	background:url("/imgj/sorry/btn_img_back.jpg") no-repeat left top;
	color:#655644;
}

#message404 p.btn a:hover{
	background:url("/imgj/sorry/btn_img_back_ov.jpg") no-repeat left top;
}