@charset "utf-8";

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

body {
line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

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

/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}
/*////////////////////////////////////////////////////////////////*/


/* ----------------------------------------------------- 追加CSS */
.fontS { font-size: 75% }
.fontM { font-size: 85% }
.fontL { font-size: 95% }

address,caption,cite,code,dfn,em,th,var {
font-style: normal;
font-weight: normal;
}

p, blockquote{
line-height:1.8;
}

ol,ul {
list-style: none;
line-height:1.8;
}

dl{
line-height:1.8;
}

a {
cursor: pointer;
}

fieldset,img {
border: 0;
}


/* /////////////////////////////////////////////////////////////////////////// Font */

/* ----------------------------------------------------- Family */
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Verdana, Arial, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif, SimSun, MingLiU, SimHei, Arial Unicode MS, Meiryo, MS PGothic;
}
/* Opera 9 */
;;body {
font-family: Verdana, Arial, Meiryo, san-serif, SimSun, MingLiU, SimHei, Arial Unicode MS, MS PGothic;
}
/* IE 7 */
*:first-child+html body {
font-family: Meiryo, Verdana, Arial, san-serif, SimSun, MingLiU, SimHei, Arial Unicode MS, MS PGothic;
}
/* IE 6 or sooner*/
* html body {
font-family: Meiryo, Verdana, Arial, san-serif, SimSun, MingLiU, SimHei, Arial Unicode MS, MS PGothic;
}

/* ----------------------------------------------------- Size */
body {
font-size:12px;
color:#666;
}

/* IE 6 or sooner*/
* html body {
font-size: 78%;
}

table {
font-size:inherit;
}

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

/* /////////////////////////////////////////////////////////////////////////// Basic */
/* ----------------------------------------------------- Link */
a:link{
/*color: #06c;*/
}

a:visited{
color: #639;
}

a:hover,
a:active{
color: #EC6C00;
}

a:hover img {
opacity:0.75;
filter: alpha(opacity=75);
}


.contact a:link {
color:#FFF;
}
.contacta:hover  {
color:#FFF;
}
.contact a:visited {
color:#FFF;
}

.contact a:active {
color:#FFF;
}


/* -----------------------------------------------------  TextLayout */
.xLeft{text-align: left;}
.xCenter{text-align: center;}
.xRight{text-align: right;}

.yTop{vertical-align: top;}
.yMiddle{vertical-align: middle;}
.yBottom{vertical-align: bottom;}

.fLeft{float: left;}
.fRight{float: right;}


/* ----------------------------------------------------- Margin */
.mgt3{margin-top: 3px;}
.mgt5{margin-top: 5px;}
.mgt8{margin-top: 8px;}
.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
.mgt25{margin-top: 25px;}
.mgt30{margin-top: 30px;}
.mgt35{margin-top: 35px;}
.mgt40{margin-top: 40px;}
.mgt45{margin-top: 45px;}

.mgb3{margin-bottom: 3px;}
.mgb5{margin-bottom: 5px;}
.mgb8{margin-bottom: 8px;}
.mgb10{margin-bottom: 10px;}
.mgb15{margin-bottom: 15px;}
.mgb20{margin-bottom: 20px;}
.mgb25{margin-bottom: 25px;}
.mgb30{margin-bottom: 30px;}
.mgb35{margin-bottom: 35px;}
.mgb40{margin-bottom: 40px;}

.mgl3{margin-left: 3px;}
.mgl5{margin-left: 5px;}
.mgl8{margin-left: 8px;}
.mgl10{margin-left: 10px;}
.mgl15{margin-left: 15px;}
.mgl20{margin-left: 20px;}
.mgl25{margin-left: 25px;}
.mgl30{margin-left: 30px;}
.mgl35{margin-left: 35px;}
.mgl40{margin-left: 40px;}
.mgl45{margin-left: 45px;}
.mgl50{margin-left: 50px;}

.mgr3{margin-right: 3px;}
.mgr5{margin-right: 5px;}
.mgr8{margin-right: 8px;}
.mgr10{margin-right: 10px;}
.mgr15{margin-right: 15px;}
.mgr20{margin-right: 20px;}
.mgr25{margin-right: 25px;}
.mgr30{margin-right: 30px;}
.mgr35{margin-right: 35px;}
.mgr40{margin-right: 40px;}

/*.pdl10 {padding-left:1.5%;}*/


/* ----------------------------------------------------- Text */
.sText{line-height: 1.6; font-size: 87%;}
.lText{font-size: 117%;}
.xlText{font-size: 130%;}

em{font-weight:bold;}
.attention{color:#f30;}

.orange{color: #F60}
.orange_b{color: #F60; font-weight:bold;}


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


html*.none{ display:none;}



/*フレーム可変--------------------------------------------------------*/
div.likebox-container .fbcomments,
div.likebox-container .fb_iframe_widget,
div.likebox-container .fb_iframe_widget[style],
div.likebox-container .fb_iframe_widget iframe[style],
div.likebox-container .fbcomments iframe[style],
div.likebox-container .fb_iframe_widget span{
width: 100% !important;
height:auto;
max-width:980px;
}

/*---------------------PC---------------------------------------------------------------------*/

@media print,screen and (min-width:769px){

.clearfix {
/*overflow:hidden;*/
zoom:1;
}

/* /////////////////////////////////////////////////////////////////////////// Common */
#container {
width:960px;
margin:0 auto;
padding:0;
/* overflow:hidden;*/
zoom:1;
}

#main {
float:right;
/*width:73.97%;*/
width:725px;
position:relative;
display:block;
/*z-index:-1:*/
}

#main .Social {
width:230px;
position:absolute;
top:35px;
right:0px;
text-align:right;
}

#main .Social div {
/*margin-right:10px;*/
width:110px;
float:left;
/margin-left:-130px;
/*width:100px;*/
}

iframe.twitter-share-button {
width: 105px !important;
/float:right;
/text-align:right;
/padding-left:120px;
/margin-left:120px;
/left:120px;

}

.twitter-share-button {
/margin-left:120px;
/padding-left:120px;
}


#aside {
float:left;
width:23.46%;
}

#aside h2{
margin-top:20px;
background-color:#2870B0;
background-image:none;
padding:10px;
color:#FFF;
font-size:110%;
}

#aside ul {
border:#DDDDDD 1px solid;
padding:0px;
margin:0px;
}

#aside li {
border-bottom:1px #DDD solid;
padding:8px 5px 8px 20px;
background:url(../images/left_i01.gif) no-repeat 5px 16px;
}

#aside  li:last-child{
border-bottom: none;
padding:8px 5px 8px 20px;
background:url(../images/left_i01.gif) no-repeat 5px 16px;
}

#aside span {
font-size:99%;
display:block;
}


/* ----------------------------------------------------- Header */
#header {

}


#header .inner {
width:980px;
margin:0px auto;
padding:20px 0px 0px;
position:relative;
}

#header .inner h1 {
width:17.34%;
float: left;
}

#header .inner .btn {
width:64%;
float: right;
text-align:right;
margin-top:20px;
}

#header .in .info .map{
margin:3px 0px 19px;
}

/*#header */.search{
width:230px;
position:absolute;
top:8px;
left:36.5%;
}

.txt_box {
width:65%;
}


/*#header */.language{
width:400px;
position:absolute;
top:5px;
left:59.5%;

}
/*#header */.language .w-language {
float:left;
width:290px;
padding-top:8px;
}
/*#header */.language .w-language ul{
}

/*#header */.language .w-language li{
float:left;
padding:0px 0px 0px 0px;
font-size:94%;
}

.japan {
width:65px;
}


.english {
width:73px;
}

.chine {
width:54px;
}

.korea {
width:60px;
}


/*フォントサイズ変更*/
/*#header */.language .f-size {
float:left;
width:100px;
}


/* ----------------------------------------------------- Navi */
nav.heamenu {
background:#2870B0;
height:50px;
}

nav.heamenu ul{
width:980px;
margin:0px auto;
display:block;
z-index:100;
}

nav.heamenu li {
display:block;
float:left;
font-weight:bold;
line-height:50px;
color:#FFFFFF;
padding:0px;
text-align:center;
font-size:110%;
z-index:100;
position: relative;
width:19.8%;
border-right:#FFF 1px solid;
}

nav.heamenu li:last-child {
border-right: none;
}

#navi.heamenu li a {
color:#FFFFFF;
display:block;
z-index:100;
}


.heamenu li a {
color:#FFFFFF;
text-decoration:none;
}


nav.heamenu li a:visited{
/*color:#FFFFFF;*/
text-decoration:none;
}


nav.heamenu li a:hover{
color:#FFFFFF;
text-decoration:none;
}

nav.heamenu li.on {
background-color:#23629A;
}

nav.heamenu li.on a{
color:#FFFFFF;
text-decoration:none;
}

nav.heamenu li.on a:visited{
/*color:#FFFFFF;*/
text-decoration:none;
}


nav.heamenu li.on a:hover{
}

nav.heamenu li ul {
list-style: none;
position: absolute;
top:50px;
margin: 0;
padding: 0;
width:200px;
display:block;
z-index:99;
/left:0px;
}

nav.heamenu li ul li{
overflow: hidden;
width: 210px;
height: 0;
color: #666;
z-index:99;
line-height:24px;

-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
position: relative;
behavior: url(../js/PIE.htc);
border:none;
}
nav.heamenu li ul li a{
padding: 10px 10px;
background: #FFF;
text-align:left;
font-size: 12px;
font-weight: normal;
color: #666;
position: relative;
behavior: url(../js/PIE.htc);
display:block;
z-index:99;
border:#2F84D0 1px solid;
}

nav.heamenu li ul li a:link{
color: #666;
text-decoration:none;
}

nav.heamenu li ul li a:visited {
color: #666;
text-decoration:none;
}

nav.heamenu li ul li a:active {
color: #666;
text-decoration:none;
}


nav.heamenu li ul li a:hover{
color: #666;
text-decoration:none;
border-left:5px solid #2F84D0;
padding-left:6px;
background:#F5F5F5;
}
nav.heamenu li:hover ul li{
overflow: visible;
height: 43px;
border:#006699 0px 0px 1px 0px solid;
}
nav.heamenu li:hover ul li:first-child{
border-top: 0;
}
nav.heamenu li:hover ul li:last-child{
border-bottom: 0;
}
nav.heamenu li:hover ul li:last-child{
border-bottom: 0;
}
nav.heamenu li:hover ul li:last-child a{

}


/*#header */.language .f-size ul#fontSize {
*zoom: 1; /*forIE6,7*/
}

/*#header */.language .f-size ul#fontSize:after {
content: "";
display: block;
clear: both; 
}
/*#header */.language .f-size ul#fontSize li {
background-color: #2870B0;
border:#2870B0 1px solid;
color:#FFFFFF;
font-size:110%;
padding: 0px 6px;
margin-right: 5px;
float: left;
cursor: pointer;
font-weight:bold;

}

/*#header */.language .f-size ul#fontSize li:hover {
  background-color: #3398CC;
border:#2870B0 1px solid;
color:#FFFFFF;
}
/*#header */.language .f-size ul#fontSize li.active {
background-color: #FFFFFF;
border:#2870B0 1px solid;
color:#2870B0;
}
/*#header */.language .f-size ul#fontSize li.active:hover {
background-color: #FFFFFF;
border:#2870B0 1px solid;
color:#2870B0;
}


.tbhome {
display:none;
}

.tbonl {
display:none;
}

/* ----------------------------------------------------- count*/
.count {
background-color:#EEEEEE;

}

.count ul {
width:980px;
margin:0px auto;
display:block;
z-index:-1;
}

.count li {
display:block;
float:left;
color:#444444;
line-height:1;


}

.count li.title {
background:#2870B0;
color:#FFFFFF;
font-weight:bold;
padding:5px 10px;
margin:6px;
border-radius: 3px;        /* CSS3*/  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
position: relative;
behavior: url(../js/PIE.htc);
display:block;
position:relative;
}

.count li.value {
padding-top:11px;
margin-right:30px;
font-weight:bold;
}

.count li.value {
padding-top:11px;
margin-right:30px;
font-weight:bold;
}

/* ----------------------------------------------------- pankuzu*/
.pankuzu {
background-color:#EEEEEE;
}

.pankuzu ul {
width:980px;
margin:0px auto;
}

.pankuzu li {
float:left;
line-height:30px;
margin-right:15px;
}


/*-----------------------------------------------------container*/
.container {
width:980px;
margin:0px auto;
}

.container h2 {
background:url(../images/h2_line.gif) no-repeat left top;
padding:15px 10px 0px 10px;
margin-top:20px;
font-size:135%;
line-height:120%;
}

.container h3{
margin-top:20px;
border:#EEEEEE 5px solid;
padding:15px;
color:#065299;
font-size:130%;
margin-bottom:20px;
}


.container p {
margin:10px;
}

/* ----------------------------------------------------- Footer */

.pagetop {
width:960px;
text-align:right;
margin:20px auto 0px auto;
}

.footlink {
overflow: hidden;
height: auto;
width: 74.48%;
margin-right:30px;
float:left;
}
.footlink dl {
float: left;
padding-bottom: 500px;
margin-bottom: -500px; 
}
.footlink dl.link01 {
width: 28.49%;
border-right: 1px solid #CCC;
}

.footlink dl.link02 {
width: 24.65%;
border-right: 1px solid #CCC;
}
.footlink dl.link03 {
width: 22.32%;
border-right: 1px solid #CCC;
}

.footlink dl.link04 {
width: 24.00%;
}

.footlink dt {
background-color:#F6F6F6;
font-weight:bold;
font-size:125%;
padding:5px 10px;
}

.footlink dd {
padding:10px;
}


.footlink_banner {
width:20.40%;
float:left;
text-align:center;
}


#footer {
background:#F9F9F9;
margin-top:30px;
}


#footer #container_group {
max-width:980px;
margin:0px auto;
background:url(../images/footeer_logo.gif) no-repeat top left;
}

#footer #container_group ul {
width:81%;
margin:0px 0px 0px 18.36%;
}

#footer #container_group li {
float:left;
width:18%;
margin:10px 1%;
font-size:90%;
text-align:center;
/width:17%;
/font-size:85%;
}

#footer .in {
width:97.56%;
margin:0 auto;
overflow:hidden;
zoom:1;
}

#footer .in .address {
width:32.65%;
float:left;
}

#footer .in .address strong {
font-size:150%;
}

#footer .in .link {
width:53.06%;
float:right;
text-align:right;
}

.footmenu {
background-color:#2870B0;
color:#FFFFFF;
}

.footmenu a {
color: #FFF;
}

.footmenu ul {
width:980px;
text-align:right;
margin:10px auto 20px;
}

.footmenu li {
float:right;
margin-right:10px;
background:url(../images/list02.gif) no-repeat 0px 8px;
padding-left:10px;
}

#copyright {
padding:5px;
clear:both;
background-color:#2870B0;
text-align:center;
color:#FFFFFF;
}



/*----------------------*/
.fb-like-box {
margin:0px 0px 30px 0px;
}


/*----------------------*/
.sp {display:none;}
}

/*---------------------TB---------------------------------------------------------------------*/

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

.clearfix {
/*overflow:hidden;*/
zoom:1;
}

img {
width:100%;
}

/* /////////////////////////////////////////////////////////////////////////// Common */
body {
max-width:768px;
}

#container {
max-width:100%;
margin:0 auto;
padding:0;
overflow:hidden;
zoom:1;
}

#main {
float:right;
width:72.4%;
position:relative;
zoom:1;
}

#main .Social {
width:118px;
position:absolute;
top:30px;
left:78%;
}

#main .Social div {
margin-bottom:5px;
}

#aside {
float:left;
width:24.48%;
}

#aside h2{
margin-top:20px;
background-color:#2870B0;
background-image:none;
padding:10px;
color:#FFF;
font-size:110%;
}

#aside ul {
border:#DDDDDD 1px solid;
padding:0px;
margin:0px;
}

#aside li {
border-bottom:1px #DDD solid;
padding:8px 5px 8px 20px;
background:url(../images/left_i01.gif) no-repeat 5px 16px;
}

#aside  li:last-child{
border-bottom: none;
padding:8px 5px 8px 20px;
background:url(../images/left_i01.gif) no-repeat 5px 16px;
}

#aside span {
font-size:99%;
display:block;
}


/* ----------------------------------------------------- Header */
#header {
height:70px;
position:relative;
}

#header h1 img{
max-height:70px;
min-height:70px;
max-width:160px;
min-width:160px;
}

#header .inner {
width:100%;
margin:0px auto;
padding:0px;
}

#header .inner h1 {
width:22.16%;
float: left;
}

#header .inner .btn {
width:65.93%;
float: right;
text-align:right;
margin-top:20px;
}

#header .inner .btn img {
width:31%;
}

#header .in .info .map{
margin:3px 0px 19px;
}

/*#header*/ .search {
width:32%;
position:absolute;
top:120%;
left:160px;
z-index:100;
}



/*#header*/ .txt_box {
width:70%;
}

/*#header*/ .language{
width:260px;
position:absolute;
top:117%;
left:56%;
color:#FFFFFF;
z-index:100;
}

/*
.tb_box .search {
top:20%;
}

.tb_box .language{
top:20%;
}*/


/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
#header .language{ 		width:260px;
position:absolute;
top:11%;
left:56%;
color:#FFFFFF; } 
}*/

/*#header*/ .language .w-language {
float:left;
padding-top:2%;
}
/*#header*/ .language .w-language ul{

}

/*#header*/ .language .w-language li{
padding-right:5px;

}

/*#header*/ .language a{
color:#FFFFFF;
}

.japan {
width:61px;
float:left;
padding:0px;

}


.english {
width:68px;
float:left;
padding:0px;

}

.chine {
width:49px;
float:left;
padding:0px;

}


.korea {
width:60px;
float:left;
padding:0px;

}



/* ----------------------------------------------------- Navi */
nav.heamenu {
background:#2870B0;
width:100%;
height:50px;
position:relative;
z-index:1;

}

nav.heamenu ul{
width:100%;
margin:0px auto;
}

nav.heamenu li {
display:block;
float:left;
font-weight:bold;
line-height:50px;
color:#FFFFFF;
font-size:110%;
z-index:200;
}

#navi.heamenu li a {
display:block;
}

.tbhome {
height:45px;
width:auto;	
padding:2px 10px 0px;
}


li.tbmenu {
height:31px;
width:26px;
padding:0px;

}

li.tbmenu img {
margin-top:7px;
height:31px;
width:26px;	
}


li.tbmenu{
position: relative;
width: auto;
margin: 0;
padding: 0;
}

li.tbmenu a{
display: block;
margin: 0;
padding: 0px 0 0px;
color: #FFF;
font-size: 14px;
font-weight: bold;
line-height: 1;
text-decoration: none;
}

li.tbmenu:hover > a{
background: #2870B0;
color: #eff7b1;
}

#dropmenu > li:hover > a{
/*  border-radius: 3px 3px 0 0;*/
}

li.tbmenu ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
/*  border-radius: 0 0 3px 3px;*/
z-index:99;
}

li.tbmenu:last-child ul{
left: 10px;
width:100%;
z-index:200;

}

li.tbmenu ul li{
overflow: hidden;
width: 150px;
height: 0;
color: #fff;
/*  -moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;*/
z-index:200;
}

li.tbmenu ul li a{
padding: 13px 15px;
background: #FFF;
/*border-bottom:#2870B0 1px solid;*/
text-align: left;
font-size: 12px;
font-weight: normal;
color:#2870B0;
z-index:99;
}

li.tbmenu:hover ul li{
overflow: visible;
height: 38px;
/* border-top: 1px solid #2870B0;*/
border-left: 3px solid #2870B0;
border-bottom: 1px solid #2870B0;
}

li.tbmenu:hover ul li:first-child{
border-top: 0;
}



/* ----------------------------------------------------- pankuzu*/
.pankuzu {
background-color:#EEEEEE;
}

.pankuzu ul {
width:96%;
margin:0px auto;
}

.pankuzu li {
float:left;
line-height:30px;
margin-right:15px;
}


/* ----------------------------------------------------- count*/
.count {
background-color:#EEEEEE;
}

.count ul {
width:980px;
margin:0px auto;
}

.count li {
display:block;
float:left;
color:#444444;
line-height:1;
}

.count li.title {
background:#2870B0;
color:#FFFFFF;
font-weight:bold;
padding:5px 10px;
margin:6px;
border-radius: 3px;        /* CSS3*/  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
position: relative;
behavior: url(../js/PIE.htc);
}

.count li.value {
padding-top:11px;
margin-right:30px;
font-weight:bold;
}

/*-----------------------------------------------------container*/
.container {
width:98%;
margin:0px auto;
}

.container h2 {
background:url(../images/h2_line.gif) no-repeat left top;
padding:15px 10px 20px 10px;
font-size:135%;
margin-top:20px;
}

.container h3{
margin-top:20px;
border:#EEEEEE 5px solid;
padding:15px;
color:#065299;
font-size:130%;
margin-bottom:20px;
}


.container p {
margin:10px;
}

/* ----------------------------------------------------- Footer */

.pagetop {
width:960px;
text-align:right;
margin:20px auto 0px auto;
}



.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
width: 100% !important;
}


.footlink {
overflow: hidden;
height: auto;
width: 74.48%;
margin-right:30px;
float:left;
}
.footlink dl {
float: left;
padding-bottom: 500px;
margin-bottom: -500px; 
}
.footlink dl.link01 {
width: 28.49%;
border-right: 1px solid #CCC;
}

.footlink dl.link02 {
width: 24.65%;
border-right: 1px solid #CCC;
}
.footlink dl.link03 {
width: 22.32%;
border-right: 1px solid #CCC;
}

.footlink dl.link04 {
width: 24.00%;
}

.footlink dt {
background-color:#F6F6F6;
font-weight:bold;
font-size:125%;
padding:5px 10px;
}

.footlink dd {
padding:10px;
}


.footlink_banner {
width:20.40%;
float:left;
text-align:center;
}


#footer {
background:#F9F9F9;
margin-top:15px;
}

#footer #container_group {
max-width:980px;
margin:0px auto;
background:url(../images/footeer_logo.gif) no-repeat top left;
}

#footer #container_group ul {
width:78.57%;
margin:0px 0px 0px 187px;
}

#footer #container_group li {
float:left;
margin:10px 4px;
font-size:90%;
text-align:center;
/width:17%;
/font-size:85%;
}

#footer .in {
width:97.56%;
margin:0 auto;
overflow:hidden;
zoom:1;
}

#footer .in .address {
width:32.65%;
float:left;
}

#footer .in .address strong {
font-size:150%;
}

#footer .in .link {
width:53.06%;
float:right;
text-align:right;
}

#copyright {
padding-top:5px;
clear:both;
background-color:#2870B0;
text-align:center;
color:#FFFFFF;
height:50px;
}

#copyright p {

margin:0px auto;
color:#6B9704;
text-align:right;
}

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

}

/*---------------------SP---------------------------------------------------------------------*/

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

.clearfix {
overflow:hidden;
zoom:1;
}

img {
width:100%;
}

iframe {
width:100%;
}

/* /////////////////////////////////////////////////////////////////////////// Common */
body {
max-width:568px;
border-top:#075699 2px solid;
}

#container {
max-width:320px;
margin:0 auto;
padding:0;
overflow:hidden;
zoom:1;
}

#main {
width:95%;
margin:0px auto;
float:none;
}



#aside span {
font-size:99%;
display:block;
}


/* ----------------------------------------------------- Header */
#header {
height:auto;
}


#header .inner {
width:100%;
margin:0px auto;
padding:0px;
}

#header .inner h1 {
width:42%;
padding:10px 0px;
margin:0px auto;
max-height:74px;
}

#header .inner h1 img {
max-height:150px;
max-width:300px;
min-height:0px;
min-width:0px;
}

.nav {
width:30%;
float:left;
}

.nav ul {
float:left;
width:40%;
text-align:left;
margin:20% 0% 0% 10%;
}

.nav li {}

.nav img {}

#header .inner .btn {
width:100%;
text-align: center;
margin:0px auto 10px;
position:relative;
}

#header .inner .btn img {
width:30%;
}


/*#header*/ .search {
background:#2870B0;
padding:5px 0px;
text-align:center;
width:100%;
top:auto;
left:auto;
position: relative;
margin-bottom:10px;
}


/*-----------------------------------------------------container*/
.container {
width:100%;
margin:0px auto;
}

.container h2 {
background-color:#2870B0;
padding:15px 10px;
font-size:135%;
color:#FFFFFF;
background-image:none;
border-radius: 5px;        /* CSS3*/  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
position: relative;
behavior: url(../js/PIE.htc);
margin-top:15px;
}



.container h3{
margin-top:20px;
border:#EEEEEE 3px solid;
padding:8px;
color:#065299;
font-size:120%;
margin-bottom:10px;
}

.container p {
margin:10px;
}

/* ----------------------------------------------------- Footer */

.pagetop {
width:px;
text-align:right;
margin:20px auto 0px auto;
}

.fb-like-box {
margin:0px auto;
text-align:center;
}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
width: 98% !important;
margin:0px auto;
}


.footlink {
overflow: hidden;
height: auto;
width: 74.48%;
margin-right:30px;
float:left;
}
.footlink dl {
float: left;
padding-bottom: 500px;
margin-bottom: -500px; 
}
.footlink dl.link01 {
width: 28.49%;
border-right: 1px solid #CCC;
}

.footlink dl.link02 {
width: 24.65%;
border-right: 1px solid #CCC;
}
.footlink dl.link03 {
width: 22.32%;
border-right: 1px solid #CCC;
}

.footlink dl.link04 {
width: 24.00%;
}

.footlink dt {
background-color:#F6F6F6;
font-weight:bold;
font-size:125%;
padding:5px 10px;
}

.footlink dd {
padding:10px;
}


.footlink_banner {
width:20.40%;
float:left;
text-align:center;
}


#footer {
background:#F9F9F9;
margin-top:15px;
}

#footer #container_group {
max-width:980px;
margin:0px auto;
background:url(../images/footeer_logo.gif) no-repeat top left;
}

#footer #container_group ul {
width:78.57%;
margin:0px 0px 0px 187px;
}

#footer #container_group li {
float:left;
margin:10px 4px;
font-size:90%;
text-align:center;
/width:17%;
/font-size:85%;
}

#footer .in {
width:97.56%;
margin:0 auto;
overflow:hidden;
zoom:1;
}

#footer .in .address {
width:32.65%;
float:left;
}

#footer .in .address strong {
font-size:150%;
}

#footer .in .link {
width:53.06%;
float:right;
text-align:right;
}

#copyright {
padding-top:5px;
clear:both;
background-color:#2870B0;
text-align:center;
color:#FFFFFF;
height:50px;
}

#copyright p {

margin:0px auto;
color:#6B9704;
text-align:right;
}

.pc {display:none;}
.tb {display:none;}
.sp {display:table}
}




/*---------------------PC---------------------------------------------------------------------*/

@media print,screen and (min-width:769px){

.mainimage {
width:980px;
margin:20px auto;
}

.main_menu dl {
background:url(../images/main_menu_all_bg.gif) right bottom no-repeat;
padding-bottom:5px;
width:320px;
float:left;
}

.main_menu dt {
background:url(../images/main_menu_bg.jpg);
padding:5px 5px 0px 5px;
}

.main_menu dd {
text-align:center;
}

.main_menu .center {
margin:0px 10px;
}

.main_menu strong {
font-size:135%;
}


.for_corporation {
margin:20px 0px 10px;
}

.for_corporation dl {
padding-bottom:5px;
width:320px;
float:left;
}

.for_corporation dt {
background:#FF9900;
padding:5px;
font-size:120%;
font-weight:bold;
color:#FFFFFF;
}

.for_corporation .center {
margin:0px 10px;
}

.for_corporation dd {
text-align:left;
padding:10px;
}

.container .all_btn {
position: absolute;
top:30px;
/*left:410px;*/
left:93%;
}

/*------------------------------------------------------service*/
.service {
/*width:480px;*/
width:980px;
float:left;
position:relative;
}

.service .contents {
padding:10px;
}

.service .contents ul {
}

.service .contents li {
/*margin:10px 0px 0px 0px;*/
margin:10px 0 15px 0;
/*width:225px;*/
width:50%;
float:left;
}

.service .contents strong {
font-size:120%;
line-height:1.2;
}
	
.service .contents img{
padding-bottom: 10px;
}

.service .contents .phot01{
/*width:460px;*/
width:50%;
}


.service .contents .phot02{
/*width:225px;*/
width:50%;
}


/*------------------------------------------------------news*/
.news {
width:480px;
float:right;
position:relative;
}
#tabs {
width:460px;
margin:10px auto;
}

#tabs li {
display: inline;
}

#test1,
#test2,
#test3 {
padding: 15px;
}

#test2,
#test3 {
display: none;
}


.news dl {
padding:10px 0px 10px 100px;
border-bottom:#CCC 1px dotted;
}

.news dt {
color:#3399CC;
font-weight:bold;
margin-bottom:5px;
}

.news dd {

}

.news .icon01 {	background:url(../images/tab_i01.gif) no-repeat 0 15px;}
.news .icon02 {	background:url(../images/tab_i02.gif) no-repeat 0 15px;}
.news .icon03 {	background:url(../images/tab_i03.gif) no-repeat 0 15px;}


/*------------------------------------------------------contact*/
.container .contact {
margin:30px 0px;
text-align:center;
overflow: hidden;
position: relative;
}

.container .contact ul {
float: left;
margin:0px;
position: relative;
left: 50%;

}

.container .contact li{
background:#E74C3C;
text-align:center;
color:#FFFFFF;
float:left;
font-weight:bold;
width:250px;
font-size:130%;
padding:10px 10px;
margin:10px;
border-radius: 5px;        /* CSS3*/  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
position: relative;
behavior: url(../js/PIE.htc);
position: relative;
left: -50%;
}

.container .contact li img {
vertical-align:middle;
margin-right:10px;
}


.container .contact2 {
margin:30px auto;
text-align:center;
overflow: hidden;
}

.container .contact2 ul {
margin:0px auto;
text-align:center;

}

.container .contact2 li{
background: #0f87ff; /* Old browsers */
background: -moz-linear-gradient(top,  #0f87ff 0%, #004a94 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f87ff), color-stop(100%,#004a94)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f87ff 0%,#004a94 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f87ff 0%,#004a94 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f87ff 0%,#004a94 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f87ff 0%,#004a94 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f87ff', endColorstr='#004a94',GradientType=0 ); /* IE6-9 */

text-align:center;
color:#FFFFFF;
font-weight:bold;
width:80%;
font-size:130%;
padding:10px 10px;
margin:10px auto;
border-radius: 5px;        /* CSS3*/  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
behavior: url(../js/PIE.htc);
}

}

/*---------------------TB---------------------------------------------------------------------*/

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

.mainimage {
width:100%;
margin:20px auto;
max-width:768px;
}

.main_menu dl {
background:url(../images/main_menu_all_bg.gif) right bottom no-repeat;
padding-bottom:5px;
width:32%;
float:left;
}

.main_menu dt {
background:url(../images/main_menu_bg.jpg);
padding:5px 5px 0px 5px;
}

.main_menu dd {
text-align:center;
}

.main_menu .center {
margin:0 2%;
}
.main_menu strong {
font-size:125%;
}


.for_corporation {
margin:20px 0px 10px;
}

.for_corporation dl {
padding-bottom:5px;
width:32%;
float:left;
}

.for_corporation dt {
background:#FF9900;
padding:5px 3px;
font-size:98%;
font-weight:bold;
color:#FFFFFF;
}

.for_corporation dd {
text-align:left;
padding:10px;
}

.for_corporation .center {
margin:0 2%;
}

.container .all_btn {
position:absolute;
top:10px;
left:89.5%;
}

/*------------------------------------------------------service*/
.service {
width:98%;
margin:0px auto;
position:relative;
}

.service .contents {
padding:10px;
background:#EEEEEE;
margin:10px 0px;
}

.service .contents ul {
width:100%;
margin:0px auto;
}

.service .contents li {
margin:10px 0px 0px;
width:49.25%;
float:left;
}

.service .contents strong {
font-size:120%;
line-height:1.2;
}

/*------------------------------------------------------news*/
.news {
width:98%;
margin:0px auto;
position:relative;
}

#tabs {
width:96%;
margin:15px auto;
}

#tabs img {
width:33.3%;
}

#tabs li {
display: inline;
}

#test1,
#test2,
#test3 {
padding: 15px;
}

#test2,
#test3 {
display: none;
}


.news dl {
padding:10px 0px 10px 100px;
border-bottom:#CCC 1px dotted;
}

.news dt {
color:#3399CC;
font-weight:bold;
margin-bottom:5px;
}

.news dd {

}

.news .icon01 {	background:url(../images/tab_i01.gif) no-repeat 0 15px;}
.news .icon02 {	background:url(../images/tab_i02.gif) no-repeat 0 15px;}
.news .icon03 {	background:url(../images/tab_i03.gif) no-repeat 0 15px;}


/*------------------------------------------------------contact*/
.container .contact {
margin:30px 0px;
text-align:center;
overflow: hidden;

}

.container .contact ul {
margin:0px;

width:100%;
max-width:767px;
}

.container .contact li{
background:#E74C3C;
text-align:center;
color:#FFFFFF;
float:left;
font-weight:bold;
width:40%;
font-size:130%;
padding:10px 10px;
margin:10px 3%;
border-radius: 5px;        /* CSS3*/  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
position: relative;
behavior: url(../js/PIE.htc);
position: relative;

}

.container .contact li img {
vertical-align:middle;
width:23px;
margin-right:10px;
}

.container .contact2 {
margin:30px auto;
text-align:center;
overflow: hidden;
}

.container .contact2 ul {
margin:0px auto;
text-align:center;

}

.container .contact2 li{
background: #0f87ff; /* Old browsers */
background: -moz-linear-gradient(top,  #0f87ff 0%, #004a94 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f87ff), color-stop(100%,#004a94)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f87ff 0%,#004a94 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f87ff 0%,#004a94 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f87ff 0%,#004a94 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f87ff 0%,#004a94 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f87ff', endColorstr='#004a94',GradientType=0 ); /* IE6-9 */

text-align:center;
color:#FFFFFF;
font-weight:bold;
width:80%;
font-size:130%;
padding:10px 10px;
margin:10px auto;
border-radius: 5px;        /* CSS3*/  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
behavior: url(../js/PIE.htc);
}


.img {width:auto;}



}


/*---------------------SP---------------------------------------------------------------------*/

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

.mainimage {
width:100%;
height:auto;
margin:0px auto 10px;
}

.main_menu {
background-color:#075699;
padding:5px;
}

.main_menu dl {
background:none;
padding-bottom:5px;
width:32%;
float:left;
}

.main_menu dt {
background:none;
padding:5px;
}

.main_menu dd {
text-align:center;
color:#FFFFFF;
}

.main_menu dl.center {
margin:0 2%;
}

.main_menu a {
color:#FFFFFF;
}

.main_menu strong {
font-size:90%;
}


.for_corporation {
margin:20px 10px 10px;
}

.for_corporation dl {
padding-bottom:5px;
width:100%;
margin-left:0px;
}

.for_corporation dt {
background: #F90;
padding:5px 3px;
font-size:98%;
font-weight:bold;
color:#FFFFFF;
}

.for_corporation dd {
text-align:left;
padding:10px;
}

.for_corporation .center {
margin:0 0;
}


.container .all_btn {
position:absolute;
top:12px;
left:80%;
margin-right:10px;
}

/*------------------------------------------------------service*/
.service {
width:98%;
margin:0px auto;
position:relative;
}

.service .contents {
padding:10px;
background:#075699;
margin:10px 0px;
}

.service .contents ul {
width:100%;
margin:0px auto;
padding:0px;
}

.service .contents li {
padding:5px;
background-color:#FFFFFF;
width:95%;
line-height:1.1;
}

.service .contents li img {
float:left;
width:25%;
margin-right:5px;
}

.service .contents strong {
font-size:100%;
line-height:1.2;
color:#065599;
}

/*------------------------------------------------------news*/
.news {
width:98%;
margin:0px auto;
position:relative;
}


/*------------------------------------------------------contact*/
.container .contact {
margin:30px 0px;
}

.container .contact ul {
width:80%;
margin:0px auto;
padding:0px;
}

.container .contact li{
background:#E74C3C;
text-align:center;
color:#FFFFFF;
font-weight:bold;
width:92%;
font-size:130%;
padding:10px 10px;
margin:0px 0px 10px;
border-radius: 5px;        /* CSS3*/  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
position: relative;
behavior: url(../js/PIE.htc);
}

.container .contact li img {
vertical-align:middle;
margin-right:10px;
width:28px;
}


/*------------------------------------------------------bottom_nav*/
.bottom_nav {
background: white;
border-radius: 5px;
-webkit-border-radius: 5px;
padding:3px 1.5%;
margin: 20px auto;
width:90%;
border:#CCCCCC 1px solid;
}
.bottom_nav h2 {
background: #3B7ABD;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-top:7px;
padding-bottom:7px;
text-align: center;
color: white;
margin-bottom:0px;
margin-top:0px;
}
.bottom_nav ul {

}
.bottom_nav ul li {
background: -moz-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
font-size: 1.0em;
border-bottom: 1px solid  #039;
clear: both;
height: 50px;
line-height: 50px;
}

.bottom_nav ul li a {
color: black;
display: block;
background-size: 10px 18px;
text-align:center;
/*	width: 50%;*/
}
.bottom_nav ul li a span {
display: block;
padding: 0px 10px;
border-right: 1px solid #d6d6d6;
}
.bottom_nav ul li a:first-child span {
border-right: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;

}

.bottom_nav ul li.last {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.bottom_nav ul li.last span {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.bottom_nav ul li.last a:first-child span {
border-bottom-right-radius: 0px;

}

/*ページのtopへ戻る*/

#toTop {
padding:10px;
background:#F4F4F4;
text-align:center;
display:block;
color:#666;
text-decoration:none;
width:95%;
margin:0px auto;

}

.img {width:auto;}


}


div.clearxx{
margin-top:20px;
}

div.clearxx td {
vertical-align:middle;
}

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

div.clearxx {
display:none;
}
}