@charset "utf-8";


/* RESET
******************************************/

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, img, 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:14px;font-family:メイリオ;line-height:1;vertical-align:baseline;color:#020041;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; font-size:14px;font-family:メイリオ;line-height:1;color:#020041;}
html				{overflow-y:scroll;}
blockquote, q		{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, textarea,	{margin:0; padding:0;}
ol, ul				{list-style:none;}
table				{border-collapse:collapse; border-spacing:0;}
caption, th			{text-align:left;}
a					{cursor:pointer; padding:0; margin:0;text-decoration:none;color:#333;}
a img				{border:none; background-color:transparent;}
a:focus				{outline:none;}



@font-face {
font-family:"Yu Gothic";
src:local("Yu Gothic Medium");
font-weight:100;
}
@font-face {
font-family:"Yu Gothic";
src:local("Yu Gothic Medium");
font-weight:200;
}
@font-face {
font-family:"Yu Gothic";
src:local("Yu Gothic Medium");
font-weight:300;
}
@font-face {
font-family:"Yu Gothic";
src:local("Yu Gothic Medium");
font-weight:400;
}
@font-face {
font-family:"Yu Gothic Bold";
src:local("Yu Gothic Bold");
font-weight:bold;
}
@font-face {
font-family:"yumin";
src:local("Yu Mincho");
font-weight:bold;
}






/*FireFoxセンタリング位置*/
html				{overflow:scroll;}

/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8の文字化け防止 */
/*＼*//*/
input, textarea, select, option {font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a			{cursor:pointer; padding:0; margin:0;}
a img		{border:none; background-color:transparent;}
/*a:hover img	{
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}
*/

/* clearfix */
.cf:after {
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
font-size:0.1em;
line-height:0;
}
.cf			{display:inline-block;}
/* Hides from IE-mac \*/
* html .cf	{height:1%; }
.cf			{display:block; }
/* End hide from IE-mac */

.mt0	{margin-top:0!important;}
.ml0	{margin-left:0!important;}
.mb0	{margin-bottom:0!important;}
.pt0	{padding-top:0!important;}
.noline	{border:none!important;background:none!important;}


/*共通デザイン*/

.box	{margin:0 auto;width:1000px;}





/* ◆ HEADER AREA ◆
---------------------------------------------------------------------------------------- */

header		{position:relative;z-index:9999;}
header h1	{position:fixed;top:30px;left:30px;}


/* スクロール class付与 */

.top header.scl					{background-color:rgba(0,0,0,0.8);width:100%;height:63px;position:fixed;transition:0.8s;}
.top header.scl h1				{position:fixed;top:15px;left:30px;transition:0.8s;}
.top header.scl #menu-content	{top:23px;right:30px;padding-left:0;margin:0;height:100%;list-style-type:none;transition:0.8s;}



/***** グローバルメニュー：トップページ用 ****/

.top #menu			{width:100%;margin:0 auto;position:relative;}
.top #menu-inner	{height:auto;margin:0 auto;}
.top #menu-btn		{display:none;}
.top #menu-content	{position:absolute;top:40px;right:30px;padding-left:0;margin:0;height:100%;list-style-type:none;}

.top #menu-content > li				{position:relative;float:left;height:40px;text-align:center;}
.top #menu-content > li > a			{padding:0 20px;position:relative;display:block;height:100%;color:#fff;font-size:13px;font-weight:bold;text-decoration:none;z-index:2;letter-spacing:0.05em;}

.top #menu-content > li > a > .blogicon-chevron-down{margin-right:5px;}


/*２階層目*/

.top #menu-content > li > ul.second-content				{visibility:hidden;position:absolute;top:0;margin:0;padding-left:0;list-style-type:none;z-index:-1;}
.top #menu-content > li:hover > ul.second-content		{visibility:visible;top:40px;z-index:1;transition:all .3s;}
.top #menu-content > li > ul.second-content > li	 	{text-align:left;width:200px;height:auto;}
.top #menu-content > li > ul.second-content > li > a	{
padding:0 20px;
display:block;
line-height:40px;
background:url(../img/arrow01.png) no-repeat 190px center;
background-color:rgba(0,2,74,0.8);
color:#fff;
font-size:12px;
text-decoration:none;
border-top:solid 1px #444;
}
.top #menu-content > li > ul.second-content > li:first-child > a	{border-top:none;}

.top #menu-content > li > ul.second-content > li > a:hover	{background-color:rgba(0,0,0,0.8);color:#fff;}






/***** グローバルメニュー：下層ページ用 ****/


.sub header		{position:fixed;z-index:9999;background:#141414;height:72px;width:100%;top:0;}
.sub header h1	{position:fixed;top:20px;left:30px;}


/* スクロール class付与 */

.sub header.scl					{background-color:rgba(0,0,0,0.8);width:100%;height:63px;position:fixed;transition:0.8s;}
.sub header.scl h1				{position:fixed;top:15px;left:30px;transition:0.8s;}
.sub header.scl #menu-content	{top:23px;right:30px;padding-left:0;margin:0;height:100%;list-style-type:none;transition:0.8s;}

.sub #menu			{width:100%;margin:0 auto;position:relative;background:#141414;}
.sub #menu-inner	{height:auto;margin:0 auto;}
.sub #menu-btn		{display:none;}
.sub #menu-content	{position:absolute;top:30px;right:30px;padding-left:0;margin:0;height:100%;list-style-type:none;}

.sub #menu-content > li				{position:relative;float:left;height:40px;text-align:center;}
.sub #menu-content > li > a			{padding:0 20px;position:relative;display:block;height:100%;color:#fff;font-size:13px;font-weight:bold;text-decoration:none;z-index:2;letter-spacing:0.05em;}

.sub #menu-content > li > a > .blogicon-chevron-down{margin-right:5px;}


/*２階層目*/

.sub #menu-content > li > ul.second-content				{visibility:hidden;position:absolute;top:0;margin:0;padding-left:0;list-style-type:none;z-index:-1;}
.sub #menu-content > li:hover > ul.second-content		{visibility:visible;top:40px;z-index:1;transition:all .3s;}
.sub #menu-content > li > ul.second-content > li	 	{text-align:left;width:200px;height:auto;}
.sub #menu-content > li > ul.second-content > li > a	{
padding:0 20px;
display:block;
line-height:40px;
background:url(../img/arrow01.png) no-repeat 190px center;
background-color:rgba(0,2,74,0.8);
color:#fff;
font-size:12px;
text-decoration:none;
border-top:solid 1px #444;
}
.sub #menu-content > li > ul.second-content > li:first-child > a	{border-top:none;}

.sub #menu-content > li > ul.second-content > li > a:hover	{background-color:rgba(0,0,0,0.8);color:#fff;}





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

#pageTop		{background:#020041;padding:15px 12px 15px 12px;position:fixed;bottom:20px;right:20px;line-height:0;}
#pageTop:hover	{background:#2d2a91;}







/* ◆ FOOTER AREA ◆
---------------------------------------------------------------------------------------- */

footer					{margin-top:100px;padding:50px 0 50px 0;background:url(../img/footer_bg.jpg) no-repeat top center;background-size:cover;}

footer .navBox p.logo								{line-height:0;}
footer .navBox ul.ftnav01							{margin-top:25px;text-align:left;letter-spacing:-0.4em;}
footer .navBox ul.ftnav01 li						{display:inline-block;letter-spacing:normal;vertical-align:middle;}
footer .navBox ul.ftnav01 li:first-child			{margin-left:0;}
footer .navBox ul.ftnav01 li:first-child a:before	{padding-left:0!important;}
footer .navBox ul.ftnav01 li:last-child:after		{padding:0 0 0 12px;content:"｜";font-size:12px;color:#fff;}
footer .navBox ul.ftnav01 li a						{color:#fff;font-size:12px;letter-spacing:0.1em;}
footer .navBox ul.ftnav01 li a:before				{padding:0 12px;content:"｜";font-size:12px;}



footer .navBox			{display:table;}

footer .inleft			{padding:30px 0 0 0;display:table-cell;/*width:300px;*/vertical-align:middle;}
footer .inleft p.add	{margin-top:20px;color:#fff;font-size:12px;font-weight:bold;line-height:1.8;font-family:"Yu Gothic";letter-spacing:0.05em;}

footer .inright						{display:table-cell;}

footer .inright .ftnav02 						{margin-top:20px;padding-top:20px;background:url(../img/footer_line.gif) repeat-x top left;}
footer .inright .ftnav02 p.mid					{margin-top:20px;color:#fff;font-size:14px;font-weight:bold;line-height:1.6;letter-spacing:0.05em;}
footer .navBox .ftnav02 ul						{margin-top:10px;}
footer .navBox .ftnav02 li						{margin-left:10px;display:inline-block;letter-spacing:normal;vertical-align:middle;}
footer .navBox .ftnav02 li:first-child			{margin-left:0;}
footer .navBox .ftnav02 li:first-child a:before	{padding-left:0!important;}
footer .navBox .ftnav02 li a					{padding:0 0 0 15px;color:#fff;background:url(../img/arrow01.png) no-repeat 0 3px;color:#fff;font-size:12px;letter-spacing:0.1em;}




footer p.copy	{margin-top:30px;padding:30px 0 0 0;background:url(../img/footer_line.gif) repeat-x top left;text-align:center;font-size:11px;letter-spacing:0.1em;color:#fff;line-height:1;}








/* ◆ SP CSS ◆ -----------------------------------■■

				MAX:1000px

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


@media screen and (max-width:1010px) {

/*共通デザイン*/

.box		{margin:0 auto;width:auto!important;min-width:auto;}
a:hover img	{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}




/* ◆ HEADER AREA ◆
---------------------------------------------------------------------------------------- */

header			{padding:0;min-width:auto;position:relative;}
header h1		{top:20px;left:10px;max-width:150px;position:fixed;}
header h1 img	{width:100%;}


/* スクロール class付与 */

.top header.scl					{background-color:rgba(0,0,0,0.4);width:100%;height:63px;position:relative;transition:0.8s;}
.top header.scl h1				{position:absolute;top:20px;left:10px;transition:0.8s;}
.top header.scl #menu-content	{top:52px;right:0;padding-left:0;margin:0;height:100%;list-style-type:none;transition:0.8s;position:relative;}



/*******トグルメニュ*********/

.top #menu			{width:100%;height:100%;margin:0 auto;position:absolute;}
.top #menu-content	{top:52px;position:absolute;}

.top #menu-inner					{width:100%;height:auto;}
.top #btn-content					{text-align:right;}
.top #menu-btn						{display:inline-block;padding:14px 15px;margin:10px 10px 10px 10px;cursor:pointer;background:#00024a;color:#fff;font-size:14px;position:absolute;top:0;right:0;z-index:9999;}
.top #menu-content					{display:none;width:100%;right:0;}
.top #menu-content > li				{width:100%;height:auto;float:none;border-top:solid 1px #434266;text-align:left;}
.top #menu-content > li:first-child	{border-top:none;}
.top #menu-content > li > a			{padding:0 3%;font-size:14px;width:100%;line-height:50px;text-decoration:none;background-color:rgba(0,2,74,0.9);letter-spacing:0.1em;}



/*２階層目*/

.top #menu-content > li > ul.second-content				{visibility:visible;position:relative;top:auto;margin:auto;padding-left:auto;list-style-type:none;z-index:99999;}
.top #menu-content > li:hover > ul.second-content		{visibility:visible;top:auto;z-index:1;transition:all .3s;}
.top #menu-content > li > ul.second-content > li		{text-align:center;width:100%;height:50px;}
.top #menu-content > li > ul.second-content > li > a	{
padding:0 3%;
display:block;
line-height:50px;
background:url(../img/arrow01.png) no-repeat 97% center;
background-color:rgba(104,103,138,0.9);
color:#fff;
font-size:13px;
text-decoration:none;
border-top:solid 1px #434266;
text-align:left;
letter-spacing:0.1em;
}
.top #menu-content > li > ul.second-content > li > a:hover	{background-color:rgba(104,103,138,0.9);color:#fff;}






/***** グローバルメニュー：下層ページ用 ****/


.sub header			{padding:0;min-width:auto;position:relative;height:63px;}
.sub header h1		{top:20px;left:10px;max-width:150px;position:fixed;z-index:9999;}
.sub header h1 img	{width:100%;}


/* スクロール class付与 */

.sub header.scl					{background-color:rgba(0,0,0,0.4);width:100%;height:63px;position:relative;transition:0.8s;}
.sub header.scl h1				{position:absolute;top:20px;left:10px;transition:0.8s;}
.sub header.scl #menu-content	{top:52px;right:0;padding-left:0;margin:0;height:100%;list-style-type:none;transition:0.8s;position:relative;}



/*******トグルメニュ*********/

.sub #menu			{width:100%;height:100%;margin:0 auto;position:absolute;}
.sub #menu-content	{top:52px;position:absolute;}

.sub #menu-inner					{width:100%;height:auto;}
.sub #btn-content					{text-align:right;}
.sub #menu-btn						{display:inline-block;padding:14px 15px;margin:10px 10px 10px 10px;cursor:pointer;background:#00024a;color:#fff;font-size:14px;position:absolute;top:0;right:0;z-index:9999;}
.sub #menu-content					{display:none;width:100%;right:0;}
.sub #menu-content > li				{width:100%;height:auto;float:none;border-top:solid 1px #434266;text-align:left;}
.sub #menu-content > li:first-child	{border-top:none;}
.sub #menu-content > li > a			{padding:0 3%;font-size:14px;width:100%;line-height:50px;text-decoration:none;background-color:rgba(0,2,74,0.9);letter-spacing:0.1em;}



/*２階層目*/

.sub #menu-content > li > ul.second-content				{visibility:visible;position:relative;top:auto;margin:auto;padding-left:auto;list-style-type:none;z-index:99999;}
.sub #menu-content > li:hover > ul.second-content		{visibility:visible;top:auto;z-index:1;transition:all .3s;}
.sub #menu-content > li > ul.second-content > li		{text-align:center;width:100%;height:50px;}
.sub #menu-content > li > ul.second-content > li > a	{
padding:0 3%;
display:block;
line-height:50px;
background:url(../img/arrow01.png) no-repeat 97% center;
background-color:rgba(104,103,138,0.9);
color:#fff;
font-size:13px;
text-decoration:none;
border-top:solid 1px #434266;
text-align:left;
letter-spacing:0.1em;
}
.sub #menu-content > li > ul.second-content > li > a:hover	{background-color:rgba(104,103,138,0.9);color:#fff;}









/* ◆ FOOTER AREA ◆
---------------------------------------------------------------------------------------- */

footer                    {margin-top:60px;padding:30px 0 0px 0;background:url(../img/footer_bg.jpg) no-repeat top center;background-size:cover;}

footer .navBox p.logo                                {line-height:0;}
footer .navBox ul.ftnav01                            {margin-top:25px;text-align:left;letter-spacing:-0.4em;}
footer .navBox ul.ftnav01 li                        {padding:0 2%;display:block;letter-spacing:normal;vertical-align:middle;}
footer .navBox ul.ftnav01 li:first-child            {margin:0 0 0 0;}
footer .navBox ul.ftnav01 li:first-child a:before    {padding-left:0;}
footer .navBox ul.ftnav01 li:last-child {padding:0 2% 20px 2%;}
footer .navBox ul.ftnav01 li:last-child:after        {padding:0 0 0 0;content:"";font-size:12px;color:#fff;}
footer .navBox ul.ftnav01 li a                        {margin-top:15px;padding-top:15px;color:#fff;display:block;background:url(../img/arrow01.png) no-repeat right 17px;border-top:solid 1px #444;}
footer .navBox ul.ftnav01 li a:before                {padding:0;content:"";font-size:10px;}

footer .navBox .ftnav02                            {margin-top:0px;text-align:left;letter-spacing:-0.4em;background:none;}
footer .navBox .ftnav02 li                        {margin:0;padding:0 0 0 0;display:block;letter-spacing:normal;vertical-align:middle;}
footer .navBox .ftnav02 li:first-child            {margin:0 0 0 0;}
footer .navBox .ftnav02 li:first-child a:before    {padding-left:0;}
footer .navBox .ftnav02 li:last-child:after        {padding:0 0 0 0;content:"";font-size:12px;color:#fff;}
footer .navBox .ftnav02 li a                    {margin-top:15px;padding:15px 2% 0 2%;color:#fff;display:block;background:url(../img/arrow01.png) no-repeat right 17px;border-top:solid 1px #444;}
footer .navBox .ftnav02 li a:before                {padding:0;content:"";font-size:10px;}
footer .navBox .ftnav02 li span                    {margin-top:15px;padding:15px 2% 0 2%;color:#fff;display:block;background:url(../img/arrow01.png) no-repeat right 17px;border-top:solid 1px #444;}
footer .navBox .ftnav02 li span:before                {padding:0;content:"";font-size:10px;}
footer .navBox .ftnav02 li:last-child        {padding-bottom:1em;}

footer .navBox            {padding:0 2%;display:block;}

footer .inleft            {padding:0px 0 0 0;display:block;width:auto;vertical-align:middle;}
footer .inleft p.add    {display:none;}

footer .inright                    {display:block;}
footer .inright .ftnav02 p.mid    {margin-top:20px;padding-top:20px;background:url(../img/footer_line.gif) repeat-x top left;}


footer p.copy    {margin-top:20px;padding:20px 0 20px 0;background:url(../img/footer_line.gif) repeat-x top left;text-align:center;font-size:10px;letter-spacing:0.1em;color:#fff;line-height:1.2;}


}