@charset "UTF-8";

/*----------------------------------------------------
	☆Reset
	
theme color #1F2024
sub color #448FE3
color #3E3E3E
link color #448EE3
	
	
----------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, pre, ul , ol , li, dl, dt, dd, p, img {
	margin:0;
	padding:0;
}

body {
	background-color:#F3F3F3;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#3E3E3E;
	line-height:100%;
	min-width:1024px;
}

a {
	color:#448EE3;
	text-decoration:underline;
	cursor:pointer;
	outline:none;
}

a:link {
	color:#448EE3;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#448EE3;
	text-decoration:none;
	outline:none;
}

#contents p {
	line-height:1.7;
}

ul, ol {
	list-style-type:none;
}

ul li, ol li, dl {
	line-height:1.7;
}

a:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.7;
}

::selection { background-color:#448FE3; color: #FFF; /* Safari */ }
::-moz-selection { background-color: #448FE3; color: #FFF; /* Firefox */ }


h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
	font-size:100%;
}


/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/


.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	font-size:0.1em;
	line-height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */




/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/


br.clear_noie {
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}

br.clear_all {
	clear:both;
	line-height:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear_noie  {
	display:block!important;
	content: " ";
}
}

div.clear_noie {
	clear:both;
	line-height:0px;
}


/*----------------------------------------------------
	☆topcontrol
----------------------------------------------------*/


#topcontrol {
	z-index:100;
}

#topcontrol a {
	background:url(../cmn_js/scrolltop/scrollup.png) center center no-repeat;
	background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat\9; /* IE8 and below */
	*background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat; /* IE7 and below */
	_background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat; /* IE6 */
	font-size:0;
	display:block;
	height:60px;
	width:60px;
	background-size:50px 50px;
	opacity:0.7;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}


#topcontrol a:hover {
	background-size:60px 60px;
	opacity:1;
}




/*----------------------------------------------------
	☆opacity Hack
----------------------------------------------------*/

.roBtn:hover{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
 
/* IE8 */
html>/**/body .roBtn:hover {
    display /*\**/:inline-block\9;
    zoom /*\**/: 1\9;
}
 
/* 新旧Firefox */
.roBtn:hover, x:-moz-any-link { background: #fff;}
.roBtn:hover, x:-moz-any-link, x:default { background: #fff;}






/*----------------------------------------------------
	☆Display None
----------------------------------------------------*/

#gNav a span{
	display:none;
	visibility:hidden;
}




/*----------------------------------------------------
	☆base contents
----------------------------------------------------*/

/*-- HEADER --*/

#header {
	background-color:#000;
	height:69px;
	overflow:hidden;
	width:100%;
}

#header div.hdInr {
	margin:0 auto;
	padding:20px 0 0;
	width:980px;
}

#header div.hdInr > p {
	float:left;
	font-size:0;
	line-height:0;
	padding-bottom:20px;
	width:150px;
}

#header div.hdInr div.hdR {
	float:right;
	width:502px;
}

#header div.hdInr div.hdR p.cName {
	float:left;
	margin-right:25px;
	width:223px;
}

#header div.hdInr div.hdR > ul {
	float:left;
	padding-top:2px;
	width:116px;
}

#header div.hdInr div.hdR > ul li {
	display:block;
	float:left;
	height:26px;
	width:50px;
}

#header div.hdInr div.hdR > ul li.first {
	background:url(../cmn_img/btn_hd_lang_jp_h.gif) left top no-repeat;
}

#header div.hdInr div.hdR > ul li.last {
	background:url(../cmn_img/btn_hd_lang_en_h.gif) left top no-repeat;
}

#header div.hdInr div.hdR p.about {
	float:left;
	width:80px;
}

#gNav {
	background:url(../cmn_img/bg_gnav.gif) left top repeat-x;
	height:50px;
	width:100%;
	
	overflow:hidden;
}

#gNav ul {
	margin:0 auto;
	width:980px;
}

#gNav ul li {
	background-image:url(../cmn_img/bg_gnav_ul.jpg);
	background-repeat:no-repeat;
	float:left;
	width:196px;
}

#gNav ul li.li01 { background-position:0 0;}
#gNav ul li.li02 { background-position:-196px 0;}
#gNav ul li.li03 { background-position:-392px 0;}
#gNav ul li.li04 { background-position:-588px 0;}
#gNav ul li.li05 { background-position:-784px 0;}

#gNav ul li .current img { opacity:0!important; cursor:default; }


#titleArea {
	background-color:#1F2024;
	height:136px;
}

#titleArea div.taInr {
	margin:0 auto;
	padding-top:45px;
	width:980px;
}

#titleArea div.taInr h1,
#titleArea div.taInr p.head00 {
	color:#FFF;
	font-size:29px;
	float:left;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:0.06em;
	width:600px;
}

#titleArea #breadChumbs {
	float:right;
	width:380px;
}

#titleArea #breadChumbs p {
	color:#FFF;
	line-height:1.7;
	padding-top:10px;
	text-align:right;
}

#titleArea #breadChumbs p a {
	color:#FFF;
}

#titleArea #breadChumbs p a.currentPoint {
	color:#FFF;
	cursor:default;
	text-decoration:none;
}

#contents {
	margin:0 auto;
	padding:35px 0 50px;
	width:980px;
}

#main {
	float:left;
	width:726px;
}

#rMenu {
	float:right;
	width:222px;
}

#rMenu div.categoryMenu {
	margin-bottom:35px;
	width:222px;
}

#rMenu div.categoryMenu h2 {
	font-size:131%!important;
	line-height:1.4;
	letter-spacing:0.1em;
}

#rMenu div.categoryMenu h2 a {
	background:url(../cmn_img/icon_rm_arrow.png) 190px center no-repeat;
	background-color:#3F8DE6;
	color:#FFF;
	display:block;
	padding:20px;
	text-decoration:none;
}

#rMenu div.categoryMenu h2 a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

#rMenu div.categoryMenu h2 a:hover {
	background-color:#000;
}

#rMenu div.categoryMenu ul {
	border:1px solid #D0D0D2;
	border-bottom:none;
}

#rMenu div.categoryMenu ul li {
	border-bottom:1px solid #D0D0D2;
	line-height:1.4;
}

#rMenu div.categoryMenu ul li a {
	background:url(../cmn_img/icon_rm_arrows_f.png) 195px center no-repeat;
	background-color:#FFF;
	color:#1F1F24;
	display:block;
	padding:12px 22px 12px 20px;
	text-decoration:none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .0.5s ease-in-out;
	transition: all .0.5s ease-in-out;
}

#rMenu div.categoryMenu ul li a:hover,
#rMenu div.categoryMenu ul li a.current {
	background:url(../cmn_img/icon_rm_arrows_h.png) 195px center no-repeat;
	background-color:#3E3E3F;
	color:#FFF;
}

#rMenu div.categoryMenu ul li a.current {
	cursor:default;
}

#rMenu div.bnr ul li {
	font-size:0;
	line-height:0;
	margin-bottom:10px;
}


#rMenu div.categoryMenu ul li.blankIcon a {
	background:url(../cmn_img/icon_newwin.png) 195px center no-repeat;
}

#rMenu div.categoryMenu ul li.blankIcon a:hover,
#rMenu div.categoryMenu ul li.blankIcon a.current {
	background:url(../cmn_img/icon_newwin_h.png) 195px center no-repeat;
	background-color:#3E3E3F;
	color:#FFF;
}






#footer {
	background-color:#FFF;
	width:100%;
}

#footer div.ftT {
	background-color:#1F2024;
	margin-bottom:30px;
	padding:18px 0 15px;
	width:100%;
}

#footer div.ftT ul {
	margin:0 auto;
	width:980px;
}

#footer div.ftT ul li {
	float:left;
	line-height:1.4;
	margin-right:23px;
}

#footer div.ftT ul li a {
	color:#FFF;
}

#footer div.ftB {
	margin:0 auto;
	padding-bottom:20px;
	width:980px;
}

#footer div.ftB div.bBox {
	float:left;
	margin-right:37px;
	width:166px;
}

#footer div.ftB div.last {
	float:right;
	margin-right:0;
}

#footer div.ftB div.bBox dl {
	margin-bottom:20px;
}

#footer div.ftB div.bBox p,
#footer div.ftB div.bBox dl dt {
	border-bottom:2px solid #D0D0D2;
	color:#3E3E3E;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:10px;
}

#footer div.ftB div.bBox p a,
#footer div.ftB div.bBox dl dt a {
	color:#3E3E3E;
	display:block;
	padding-bottom:7px;
	text-decoration:none;
}

#footer div.ftB div.bBox p a:hover,
#footer div.ftB div.bBox dl dt a:hover {
	color:#448ee3;
}

#footer div.ftB div.bBox dl dd {
	color:#656565;
	line-height:1.4;
	margin-bottom:7px;
}

#footer div.ftB div.bBox dl dd a {
	color:#656565;
	display:block;
}

#footer div.ftB div.bBox dl dd a:hover {
	color:#448ee3;
}

#footer div.ftB div.bBox p.cBtn {
	color:#FFF;
	font-size:14px!important;
	line-height:1.4;
	margin-bottom:30px;
	text-align:center;
}

#footer div.ftB div.bBox p.cBtn a {
	background-color:#1F2024;
	color:#FFF;
	display:block;
	padding:16px 0 15px;
	text-align:center;
	text-decoration:none;
}

#footer div.ftB div.bBox p.cBtn a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

#footer div.ftB div.bBox p.cBtn a:hover {
	background-color:#448ee3;
}

#footer div.ftB div.bBox p.cBtn a img.icon {
	margin-right:8px;
}

#footer small {
	color:#656565;
	border-top:1px solid #D0D0D2;
	display:block;
	font-size:13px!important;
	margin:0 auto;
	padding:25px 0;
	text-align:center;
	width:980px;
}