@charset "utf-8";

body {
background:url(/images/common/bg.gif) repeat-x 0 0 #fff;
color:#333333;
font-family: 'Meiryo','Lucida Grande','Helvetica,osaka','Arial','sans-serif','Verdana','Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic'; /* 'Meiryo', */
font-size:15px;
line-height:1.5;
letter-spacing:0.2px;

 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}

/* for IE7 */
*+html body {
font-family:'メイリオ', 'ＭＳ Ｐゴシック';
}
/* for IE6 */
* html body {
font-family:'ＭＳ Ｐゴシック';
}

/* layout
------------------------------------------------ */

#container {
}

#container_wrap {
width:960px;
margin:0 auto;
padding-bottom:30px;
}


/* header
------------------------------------------------ */

#header .wrap {
width:960px;margin:0 auto;position:relative;
}

#header #headNav {
position:absolute;top:10px;right:0;font-size:80%;
}

#header #headNav ul li {
float:left;padding-right:10px;margin-right:10px;border-right:1px solid #a9a9a9;
}

#header #headNav ul li.last {
padding:0;margin:0;border:none;
}



/* globalNavi
------------------------------------------------ */

#globalNavi {
width:960px;margin:0 auto 20px auto;
}

#globalNavi ul li {
float:left;margin-right:2px;
}

#globalNavi ul li.last {
margin-right:0;
}

#header #srchBox_header {
position:absolute;bottom:20px;right:0;font-size:90%;
}

#header #srchBox_header .textBox {
margin-right:10px;width:17em;
}

/* ------------------------------------------------ */
#header #srchBox_header {
width:290px;
_width:364px;
margin:0 auto ;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#ffffff;
color:#333333;
text-align:left;overflow:hidden;
}

#header #srchBox_header * {
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}

#header #srchBox_header a img {
border:none;
}

#header #srchBox_header #srch {
padding:0;
}

#header #srchBox_header #srch #srchForm {
white-space:nowrap;
margin:0 !important;
}

#header #srchBox_header #srchInput {
width:230px;
margin-right:10px;
vertical-align:bottom;
}

#header #srchBox_header #srchBtn {
font-size:85%;
width:40px;
text-align:center;
}

*html #header #srchBox_header #srchBtn {
padding-top:5px;
}

*:first-child+html #header #srchBox_header #srchBtn {
padding-top:5px;
}

#header #srchBox_header ul {
margin-top:6px;
text-align:left;
}

#header #srchBox_header li {
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}

#header #srchBox_header li input {
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}

*:+html #header #srchBox_header li input {
margin:-4px 0 -4px -4px;
}

/* footer
------------------------------------------------ */

#footer {
background:#00A893;color:#fff;font-size:90%;padding:10px;
}
#footer .wrap {
position:relative;width:960px;margin:0 auto;
}

#footer .wrap .address {
}

#footer .wrap .copyright {
position:absolute;bottom:0;right:0;
}

/* link
------------------------------------------------ */

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

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

a:hover{
color:#3398e2;
text-decoration:underline
}

a:active{
color:#3398e2;
text-decoration:none;
}

a:hover img {
opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;
}
a:active img {
opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;
}

#globalNavi ul li a:hover img {
opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;
}
#globalNavi ul li a:active img {
opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;
}

.linkbox:hover {
cursor:pointer;
}

.linkButton {
font-size:90%;
}

.linkButton a {
display:block;
padding:5px 10px;
background:#00A893;
text-align:right;
color:#fff;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.linkButton a:hover {
background:#00D8BB;
text-decoration:none;
}

/* clearfix 
------------------------------------------------ */

.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

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

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

.clearfix {
display: block;
}
/* End hide from IE-Mac */

/* to_spsite
------------------------------------------------ */

li.to_spSite {
display:none;
}

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

strong {
font-weight:bold;
}

.textC {
text-align:center;
}
.textR {
text-align:right;
}

.red {
color:red;
}

.bold {
font-weight:bold;
}


/* メインページのリストスタイル
------------------------------------------------ */

ul.border {
list-style:none !important;
margin:0 2em ;
margin-bottom:1em;
}

ul.border li {
padding:0 5px 5px 5px !important;
margin:0 0 5px 0 !important;
border-bottom: 1px dotted #a9a9a9;
}

ul.border li a {
display:block;
}

/* ボタン
------------------------------------------------ */
.btn {
margin-bottom:1em;
text-align:center;
}

.btn a {
display:block;padding:10px;color:#fff
}

.btn.asparagus {
background:#00A893;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.btn.peach {
background:#F2376F;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.btn a:hover {
background:#00D8BB;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
text-decoration:none;
color:#fff;
}

/* noscript
------------------------------------------------ */

#noscript {
		position: relative;
		z-index: 5260;
		padding: 10px;
		border-bottom: #00A893 solid 1px;
		background: #fff;
		color: #000;
		text-align: center;
		font-size:14px;
	}
#noscript span {
		color: #ff0000;
	}


/* 20151125
------------------------------------------------ */

.textL {
text-align: left !important;
}

.textR {
text-align: right;
}

.textC {
text-align: center;
}
