@charset "utf-8";

/*----------------------------------------------------------
	Reset
-----------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:baseline;}
a:focus{outline:none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;vertical-align:middle;}
input,button,textarea,select{*font-size:100%;}
img{vertical-align:bottom;}

/*----------------------------------------------------------
	Common
-----------------------------------------------------------*/

html {
	overflow-y:scroll;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
	font-size:62.5%;
	font-weight:400;
}

.sp{display:none!important;}

img{
	max-width:100%;
	height:auto;
}

body {
	font-size:1.3rem;
	line-height:2;
}

:focus {
	outline: 0;
}

/*--- clearfix ---*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;min-height:1%;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

strong{font-weight:bold;}

a:link{
	color:#000;
	text-decoration:none;
}

a:visited{
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#006fd6;
	text-decoration:underline;
}

a:active{
	color:#006fd6;
	text-decoration:underline;
}

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

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

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

footer a:active{
	color:#fff;
	text-decoration:underline;
}

a:hover img {
opacity:0.6;
}

/*----------------------------------------------------------
	#header
-----------------------------------------------------------*/
#header {
width:100%;
max-width:1280px;
margin:0 auto;
overflow:hidden;
}

#header h1 {
float:left;
margin-top:35px;
}

#header .rightBox {
float:right;
margin-top:35px;
}

#header .subNavi {
overflow:hidden;
}

#header .subNavi ul {
float:left;
margin-top:8px;
}

#header .subNavi li {
float:left;
}

#header .subNavi li a {
display:block;
padding:0 10px;
text-align:center;
border-left:solid #000 1px;
line-height:1;
font-size:1.6rem;
}

#header .subNavi p.search {
float:right;
}

#header .status {
overflow:hidden;
margin-top:10px;
}

#header .status dl {
float:left;
}

#header .status p.login {
float:right;
margin-left:35px;
}

#header .status p.login a {
padding:0 25px;
display:block;
background-color:#A2A3A3;
}

/*----------------------------------------------------------
	#navi
-----------------------------------------------------------*/
#navi {
width:100%;
max-width:1280px;
margin:20px auto 0;
clear:both;
}

#navi ul {
width:100%;
border-right:solid #000 1px;
}

#navi li {
float:left;
width:16.66%;
}

#navi li a {
display:block;
text-align:center;
border-left:solid #000 1px;
font-size:1.6rem;
line-height:1;
}

/*----------------------------------------------------------
	#footpath
-----------------------------------------------------------*/
#footpath {
display:none;
}

/*----------------------------------------------------------
	#top_contents
-----------------------------------------------------------*/
#top_contents {
width:100%;
max-width:1280px;
margin:10px auto 0;
overflow:hidden;
}

#topLinks ul {
overflow:hidden;
}

#topLinks li {
float:left;
}

/*----------------------------------------------------------
	#main_contents
-----------------------------------------------------------*/
#main_contents {
width:100%;
max-width:1280px;
margin:30px auto 0;
overflow:hidden;
}

ul#tabs {
border-bottom:solid #EAEAEA 2px;
}

ul#tabs li {
float:left;
background-color:#EAEAEA;
margin-right:10px;
padding:0 10px;
border:solid #EAEAEA 1px;
border-bottom:none;
font-size:2rem;
line-height:1.6;
}

ul#tabs li a {
background: url("/files/user/test/top_square.gif") no-repeat 2px center;
display: block;
padding-left: 27px;
}

ul#tabs li.cr {
background-color:#FFF;
border:solid #A8A8A8 1px;
border-bottom:none;
}

#news {
clear:both;
}

#news dt {
background:url(/files/user/test/top_arrow_right.gif) no-repeat 0 8px;
float:left;
clear:both;
margin:10px 50px 0 0;
padding-left:10px;
}

#news dd {
float:left;
margin-top:10px;
}

#news dd p {
float:left;
}

#news dd p.icon {
width:130px;
background-color:#999;
margin-right:50px;
-webkit-border-radius: 50px;
border-radius: 50px;
color:#FFF;
text-align:center;
}

#news p.andmore {
text-align:center;
}

#news p.andmore a {
color:#EB6964;
background:url(/files/user/test/top_arrow_right_red.gif) no-repeat 0 3px;
padding-left:10px;
}

/*----------------------------------------------------------
	#bottom_contents
-----------------------------------------------------------*/
#bottom_contents {
width:100%;
max-width:1280px;
margin:20px auto 0;
}

#bottom_contents h2 {
background:url(/files/user/test/top_square.gif) no-repeat 0 center;
padding-left:26px;
border-bottom:solid #EAEAEA 2px;
font-size:2.8rem;
}

#topics .topicsArea {
position:relative;
margin-top:20px;
padding:15px 0;
border:solid #AAA 2px;
}

#topics ul.btn {
width:100%;
position:absolute;
top:135px;
}

#topics ul.btn li.btnLeft {
float:left;
}

#topics ul.btn li.btnRight {
float:right;
}

#topics ul.topicsList {
margin:15px 78px 0;
overflow:hidden;
}

#topics ul.topicsList li {
float:left;
width:258px;
margin:0 10px;
border:solid #AAA 1px;
}

#topics ul.topicsList li .text {
margin-left:20px;
}

#topics ul.topicsList li h3 {
background:url(/files/user/test/top_arrow_right.gif) no-repeat 0 8px;
padding-left:10px;
}

#contact {
margin-top:40px;
}

#contact ul {
margin:25px 0 0 95px;
overflow:hidden;
}

#contact li {
float:left;
width:25%;
font-size:1.6rem;
}

#contact li h3 a {
background:url(/files/user/test/top_arrow_right_large.gif) no-repeat 0 4px;
padding-left:20px;
font-size:22px;
}

#members {
margin-top:35px;
}

#members ul {
margin:25px 0 0 160px;
overflow:hidden;
}

#members li {
float:left;
width:33.33%;
font-size:1.6rem;
}

#members li h3 a {
background:url(/files/user/test/top_arrow_right_large.gif) no-repeat 0 4px;
padding-left:20px;
font-size:2.2rem;
}

/*----------------------------------------------------------
	#footer
-----------------------------------------------------------*/
#footer {
overflow:hidden;
width:100%;
margin:30px auto 0;
background-color:#999;
color:#FFF;
}

#footer .inner {
max-width:1280px;
margin:0 auto;
overflow:hidden;
}

#serviceLinks h2,
#footer .footerBottom h2 {
background:url(/files/user/test/top_arrow_right_footer_large.gif) no-repeat 0 15px;
margin-top:30px;
padding-left:30px;
border-bottom:solid #EAEAEA 2px;
font-size:2.8rem;
}

#footer ul {
overflow:hidden;
padding-left:20px;
}

#footer dl {
height:235px;
padding-left:25px;
border-right:solid #EAEAEA 2px;
}

#footer dl.last {
border:none;
}

#footer dt {
background:url(/files/user/test/top_arrow_right_footer.gif) no-repeat 0 9px;
padding-left:15px;
font-size:1.6rem;
}

#footer dd {
background:url(/files/user/test/top_list.gif) no-repeat 11px 13px;
padding-left:18px;
}

#footer li.scene {
width:67%;
}

#footer li.scene dd {
float:left;
width:47%;
}

#footer .footerBottom {
overflow:hidden;
}

#serviceLinks li,
#footerBottom li,
#otherLinks li,
#sceneLinks li {
float:left;
width:25%;
margin-top:25px;
}

#sceneLinks {
float:left;
width:75%;
}
	
#otherLinks {
float:left;
width:25%;
}

#otherLinks ul {
margin-top:30px;
}

#otherLinks li {
float:none;
background:url(/files/user/test/top_arrow_right_footer_small.gif) no-repeat 9px 9px;
width:100%;
margin-top:13px;
padding-left:18px;
}

#footer .subLinks {
margin:18px 125px 0 0;
float:right;
}

#footer .subLinks li {
float:left;
padding:0 5px;
border-right:solid #EAEAEA 1px;
line-height:1;
}

#footer .subLinks li.last {
border-right:none;
}

#footer .copyrightArea {
background:#000;
clear:both;
margin-top:20px;
padding-top:13px;
font-size:1.2rem;
}

#footer .copyrightArea h2 {
float:left;
}

#footer .copyrightArea p.copyright {
float:right;
margin-right:20px;
}