/*------------------------------------------------------
リセット
------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video	{ margin: 0; padding: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline; }

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

a				{ text-decoration:none; }



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

body				{ width:100%; text-align:center; background-color:#fff; font-size:12px; }
#wrapper			{ position:relative; width:100%; font-family: "メイリオ","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align:center; }
img				{ border:none; }
a:hover img:not(#gnavi)		{ opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )"; }


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

.header					{ width:1200px; height:110px; margin:10px auto 0px auto; font-size:10px; text-align:center; color:#999; }
.logoArea				{ float:left; margin:20px auto 0 20px; }
.linkArea				{ float:right; display:table; vertical-align:top; margin:30px 0 0 auto; text-align:right; }
.linkArea ul				{ float:left; height:40px; margin:0 10px 0 0; padding:5px 0 0 0; border-right:1px dotted #999; }
.linkArea ul li				{ float:left; padding:0 10px 0 20px; border-right:1px solid #999; background:url(../../images/icon_arrow.png) no-repeat 10px 3px; }
.linkArea ul li:last-child		{ border-right:none; }
.linkArea a:link,.linkArea a:visited	{ color:#333; }
.linkArea a:hover			{ color:#FF3B00; }
.linkArea .pc				{display:block;}
.linkArea .sp				{display:none;}

.header .pc				{display:block;}
.header .sp				{display:none;}

@media screen and (max-width: 1020px) {
	.header .pc				{display:none;}
	.header .sp				{display:block;}
	
}
/*------------------------------------------------------
パンくず
------------------------------------------------------*/

.pan { width:1200px; padding:10px 0 0 20px; margin:0 auto; text-align:left; color:#9F9FA0; }


/*------------------------------------------------------
グローバルナビ
------------------------------------------------------*/

#gnaviArea	{ width:100%; background-color:#fff; z-index:10; }

#gnavi		{ display:table; width:1160px; margin:0 auto 7px auto; padding:0; text-align:center; height:45px; z-index:100; }

#gnavi > li	{ display:table-cell; position:relative; width:120px; height:45px; padding:0; margin:0; color:#bbb; font-size:11px; font-weight:600; text-align:center; vertical-align:middle; letter-spacing:-1px; line-height:1.3; border-left:1px dotted #999; border-bottom:5px solid #FFF; }

#gnavi > li:nth-of-type(1)	{ width:100px; }
#gnavi > li:nth-of-type(2),
#gnavi > li:nth-of-type(5)	{ width:160px; }
#gnavi > li:last-child		{ border-right:1px dotted #999; }
#gnavi > li:hover		{ border-bottom:5px solid #FF3B00; }

#gnavi > li a			{ width:100%; height:45px; padding:0; font-weight:600; }
#gnavi > li a:link,
#gnavi > li a:visited		{ color:#333; }
#gnavi > li a.active:link,
#gnavi > li a.active:visited	{ color:#E64427; }
#gnavi > li.active		{ border-bottom:3px solid #FF3B00; }


/*------------------------------------------------------
サブ
------------------------------------------------------*/

#gnavi > li ul			{ position:absolute; display:none; width:250px; padding:15px 0 20px 0; top:50px; margin:0; z-index:1000; border:none; /*box-shadow:rgba(0, 0, 0, 0.3) 1px 2px 3px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 1px 2px 3px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.3) 1px 2px 3px 1px; */font-size:12px; background:#E64427 url(../images/gnavi_icon2.png) no-repeat 45px 0; color:#fff; }

#gnavi > li:nth-of-type(5) ul,
#gnavi > li:nth-of-type(2) ul	{ background:#E64427 url(../images/gnavi_icon2.png) no-repeat 60px 0; }

#gnavi > li ul li		{ float:left; position:relative; width:260px; height:15px; padding:2px 0px 3px 40px; margin:0; text-align:left; letter-spacing:-1px; background:url(../images/gnavi_icon.png) no-repeat 30px 6px; }

#gnavi >li ul li.lowcase	{ background:url(../images/space.gif) no-repeat 66px 6px; }

#gnavi > li > ul a					{ position:absolute; top:0px; left:0px; width:260px; height:15px; padding:2px 0px 3px 40px; text-decoration:none; font-weight:400; }
#gnavi > li > ul a:link,#gnavi > li > ul a:visited	{ color:#fff; }


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

#footerArea		{ width:100%; margin:0px auto 0px auto; padding:20px 0px 30px 0px; text-align:center; background-color:#EEEFEF; font-size:11px; min-width:1200px; }
#footer			{ width:1200px; margin:20px auto 0px auto; padding:0px 0px 20px 0px; }
.footer			{ float:left; width:180px; min-height:341px; margin:0px 0px 20px 0px; padding:0 10px 0 15px; border-left:1px solid #ccc; overflow:hidden; }

.footer:nth-of-type(3),
.footer:nth-of-type(4),
.footer:nth-of-type(5)	{ width:180px; }

.footer dt		{ margin:40px 0px 8px 0; padding:0; color:#333; text-align:left; font-size:13px; font-weight:600; letter-spacing:-1px; line-height:1.3; }
.footer dt:first-child	{ height:30px; margin:0 0px 12px 0; padding:0; color:#333; text-align:left; font-size:13px; font-weight:600; letter-spacing:-1px; line-height:1.3; }
.footer dd		{ display:list-item; margin:0px 0px 7px 0; padding:0; text-align:left; color:#ccc; letter-spacing:-1px; }


/*------------------------------------------------------
共通
------------------------------------------------------*/

.footer a:link,
.footer a:visited	{ text-decoration:none; color:#333; }
.footer a:hover		{ text-decoration:none; color:#FF3B00; }


/*------------------------------------------------------
ページトップ
------------------------------------------------------*/

.pagetop		{ width:1200px; margin:0px auto 40px auto; }


/*------------------------------------------------------
中ページフッター
------------------------------------------------------*/

.footer_bnr		{ width:100%; margin:20px auto 0px auto; min-width:1200px; }
.footer_bnr .main_box a		{ margin-right:10px; }
.footer_bnr a:last-child	{ margin-right:0; }
.footer_bnr ul li	{ float:left; margin:auto; padding-right:10px; overflow:hidden; }

.copyright2		{ font-size:0.7em; color:#7F7F7F; text-align:center; margin:20px auto; min-width:1200px; }


/*----------------------------------------------------
  レイアウト
----------------------------------------------------*/

.top_space3		{ margin-top:3px; }
.top_space5		{ margin-top:5px; }
.top_space6		{ margin-top:6px; }
.top_space7		{ margin-top:7px; }
.top_space10		{ margin-top:10px; }
.top_space12		{ margin-top:12px; }
.top_space13		{ margin-top:13px; }
.top_space15		{ margin-top:15px; }
.top_space20		{ margin-top:20px; }
.top_space25		{ margin-top:25px; }
.top_space30		{ margin-top:30px; }
.top_space35		{ margin-top:35px; }
.top_space40		{ margin-top:40px; }
.top_space45		{ margin-top:45px; }
.top_space50		{ margin-top:50px; }
.top_space55		{ margin-top:55px; }
.top_space60		{ margin-top:60px; }
.top_space65		{ margin-top:65px; }
.top_space70		{ margin-top:70px; }
.top_space80		{ margin-top:80px; }
.top_space90		{ margin-top:90px; }
.top_space100		{ margin-top:100px; }
.top_space135		{ margin-top:135px; }

.botom_space5		{ margin-bottom:5px; }
.botom_space10		{ margin-bottom:10px; }
.botom_space15		{ margin-bottom:15px; }
.botom_space20		{ margin-bottom:20px; }
.botom_space25		{ margin-bottom:25px; }
.botom_space30		{ margin-bottom:30px; }
.botom_space35		{ margin-bottom:35px; }
.botom_space40		{ margin-bottom:40px; }
.botom_space50		{ margin-bottom:50px; }
.botom_space60		{ margin-bottom:60px; }

.left_space5		{ margin-left:5px; }
.left_space10		{ margin-left:10px; }
.left_space15		{ margin-left:15px; }
.left_space20		{ margin-left:20px; }
.left_space25		{ margin-left:25px; }
.left_space30		{ margin-left:30px; }
.left_space40		{ margin-left:40px; }
.left_space41		{ margin-left:41px; }
.left_space45		{ margin-left:45px; }
.left_space50		{ margin-left:50px; }

.right_space5		{ margin-right:5px; }
.right_space10		{ margin-right:10px; }
.right_space15		{ margin-right:15px; }
.right_space20		{ margin-right:20px; }
.right_space30		{ margin-right:30px; }
.right_space40		{ margin-right:40px; }
.right_space50		{ margin-right:50px; }

.patop_space5		{ padding-top:5px; }
.patop_space10		{ padding-top:10px; }
.patop_space15		{ padding-top:15px; }
.patop_space20		{ padding-top:20px; }
.patop_space30		{ padding-top:30px; }
.patop_space40		{ padding-top:30px; }

.paright_space5		{ padding-right:5px; }
.paright_space7		{ padding-right:7px; }
.paright_space10	{ padding-right:10px; }
.paright_space13	{ padding-right:13px; }
.paright_space15	{ padding-right:15px; }
.paright_space20	{ padding-right:20px; }

.paleft_space5		{ padding-left:5px; }
.paleft_space7		{ padding-left:7px; }
.paleft_space10		{ padding-left:10px; }
.paleft_space15		{ padding-left:15px; }
.paleft_space20		{ padding-left:20px; }
.paleft_space30		{ padding-left:30px; }

.pabotom_space5		{ padding-bottom:5px; }
.pabotom_space10	{ padding-bottom:10px; }
.pabotom_space15	{ padding-bottom:15px; }
.pabotom_space20	{ padding-bottom:20px; }
.pabotom_space30	{ padding-bottom:30px; }
.pabotom_space40	{ padding-bottom:40px; }


.text		{ text-align:left; line-height:2.4; font-size:13px; }

.letter_narrow	{ letter-spacing:-5px; }
.letter_narrow2	{ letter-spacing:-10px; font-size:18px; }
.letter_narrow3	{ letter-spacing:-3px; }

.fleft		{ float:left; }
.fright		{ float:right; }
.txtLeft	{ text-align:left; }

.thick		{ font-weight:600; }

.blue		{ color:#0068b6; }
.red		{ color:#ff0000; }
.gray		{ color:#999; }


.disp_none	{ display:none; }

.cursor		{ cursor:pointer; }

.center		{ position:relative; text-align:center; margin:0px auto 0px auto; }

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