@charset "shift_jis";

/************************************
*	ヘッダー情報
************************************/

#header
{
	background-color: #FFF;
}
#header .head_body
{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	_zoom: 1;
	overflow: hidden;
	padding-bottom: 1em;
}

#header h1
{
	margin: 0px 0px 15px;
	font-size: 12px;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	float: left;
}

#header .head_top a
{
	margin-left: 1em;
}


#header .head_body .title
{
	float: left;
	width: 26.5%;
}

#header .head_body .switch {
	width:13%;
	float:left;
	margin-left:3%;
	padding-top:5px;
}

#header .head_body .switch img {
	margin:5px 0px;
}

#header .head_body .head_menu
{
	float: right;
	width: 56.3%;
	text-align: right;
}

#header .head_body .head_menu .search {
	width:66%;
	max-width:70%;
	float:left;
	padding-top:1em;
}

#header .head_body .head_menu .txtbox {
	border:#DDD 1px solid;
	width:58%;
	height:27px;
	padding:0px;
	margin:0px 0px 0px;
}

#header form {
	vertical-align:baseline;
}

#header form select,
#header form input,
#header form textarea, button { 
     vertical-align:middle; 
     font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; 
     position:relative; 
     margin: 0;
     *margin-right:3px; 
     top:-1px;  
}

#header form span {
	color:#468448;
	font-weight:bold;
}

#header input {
	margin:0px;
	padding:0px;
}


#header .unkou{
	background:#333333;
	margin-top:10px;
	position: relative;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */  
}

#header .unkou_txt {
	padding-left:0px;
	position:absolute;
	top: 5px;
	left:140px;
	width:690px;
}

#header .unkou_txt p {
	color:#FFFFFF;
	padding:3px 3px 3px 0px;
	border-bottom:1px dashed #FFF;
	font-size:12px;
	margin:0px;
}

#header .unkou_txt p:last-child {
	border-bottom:none;
}

#header .unkou_txt p.end {
	border-bottom:0px;
}

#header .unkou_txt a {
	color:#FFCC00;
}

#header .unkou span {
	position:absolute;
	top:8px;
	right:10px;
	width:148px;
}


#header .head_body .head_menu .txt {
	width:33%;
	float:right;
	background:#55A158;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;/* CSS3草案 */
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
	behavior: url(/test/03/skk/css/PIE.htc);
}

#header .head_body .head_menu .txt ul
{
	margin: 0px;
	_zoom: 1;
	overflow: hidden;
	padding-top: 0.8em;
	padding-right: 1em;
	padding-bottom: 0.8em;
	padding-left: 1.5em;
}

#header .head_body .head_menu .txt li
{
	list-style-type: none;
	width:20px;
	line-height:20px;
	font-size: 12px;
	float: left;
	text-align:center;
	background:#FFFFFF;
	border-radius: 100%;        /* CSS3草案 */  
	-webkit-border-radius: 100%;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 100%;   /* Firefox用 */  
	color:#468449;
	margin-left:5%;
	cursor:pointer;
	behavior: url(PIE.htc);
}

#header .head_body .head_menu .txt li:first-child {
	background:none;
	width:auto;
	color:#FFF;
	font-weight:bold;
	margin-left:0px;
	cursor: auto;
}

#header .head_body .head_menu .txt li a
{

	color:#468449;
	text-decoration: none;
	font-weight:bold;

}

#header .head_body .head_menu .txt li a:hover
{
	color: #ffe633;
}

#header .head_body .head_menu .language ul{
	border:#DDDDDD 1px solid;
	background-color:#F8F8F8;
	margin:0px;
	padding:0px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	list-style:none;
	margin-top:20px;
	float:right;
	behavior: url(PIE.htc);
	width:40%;
}

#header .head_body .head_menu .language li {
	margin:0px;
	border-right:#DDDDDD 1px solid;
	border-left:#FFF 1px solid;
	float:left;
	padding:10px 14px;
}

#header .head_body .head_menu .language li:first-child {
	border-left:none;
}

#header .head_body .head_menu .language li:last-child {
	border-right:none;
}

#header .head_body .head_menu .language_sp {
	display:none;
}


#header .head_body .navi {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 1px 3px 1px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	margin-top:10px;
	behavior: url(PIE.htc);
}

#header .head_body .navi ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin:12px 0px;
}

#header .head_body .navi li {
	margin:0px;
	padding:0px;
	float:left;
	padding-left:34px;
	padding-right:34px;
	border-right:1px solid #DDD;
}

#header .head_body .navi li:last-child {
	border-right:none;
}


#header .sp_body
{
	display: none;
}

#header .unkou .pc_image {
	display: inline;
}

#header .unkou .sp_image {
	display:none;
}
#header ul.style01 {
	display:none;
}

#header .navi_sp {
	display:none;
}

/* タブレットレイアウト : 768 px 〜 959 px*/
@media screen and (max-width:959px)
{
#header .head_body
{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}


#header h1
{
	margin: 0px 0px 15px;
	font-size: 12px;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	position:absolute;
	top:0px;
	padding:0px;
	width:300px;
}

#header .head_top a
{
	margin-left: 1em;
}


#header .head_body .title
{
	float: left;
	width: 28.6%;
	position:relative;
	padding-top:30px;
}

#header .head_body .switch {
	width:24%;
	float:left;
	margin-left:3%;
	padding-top:30px;
}

#header .head_body .switch img {
	margin:0px 0px;
	margin-right:10px;
	float:left;
	max-width:40%;
}

#header .head_body .head_menu
{
	margin:0px;
	padding:0px;
	float: right;
	width: 44.3%;
	text-align: right;
	padding-top:0px;
}

#header .head_body .head_menu .search {
	display:none;
}

#header .head_body .head_menu .txt {
	display:none;
}


#header .head_body .head_menu .language {
	display:none;
}

#header .head_body .head_menu .language_sp {
	display:block;
	background-color:#F8F8F8;
	margin:0px;
	padding:4.5px 3px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	list-style:none;
	margin-top:30px;
	behavior: url(PIE.htc);
}

#header .head_body .head_menu .language_sp ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#header .head_body .head_menu .language_sp li {
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	/*width:21.4%;*/
	width:29.6%;

	float:left;
	margin:3px;
	padding:1.2% 0.8%;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0px 0px 3px 0px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	text-align:center;
}


#header .head_body .navi {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 1px 3px 1px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	margin-top:10px;
	behavior: url(PIE.htc);
}

#header .head_body .navi ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin:0px 0px;
}

#header .head_body .navi li {
	margin:0px;
	padding:0px;
	float:left;
	padding:12px 0px;
	padding-left:2.9%;
	padding-right:2.9%;
	border-right:1px solid #DDD;
}

#header .head_body .navi li img {


}

#header .head_body .navi li:last-child {
	border-right:none;
}


#header .unkou_txt {
	padding-left:0px;
	position:absolute;
	top: 5px;
	left:140px;
	width:80%;
	height:80px;
	overflow:hidden;
}




}

/* スマホ設定  748 以下*/
@media screen and (max-width:748px)
{

#header .head_body .title
{
	float: none;
	width: 60%;
	position:relative;
	padding-top:30px;
}

#header .head_body .switch {
	display:none;
}

#header .head_body .head_menu
{
	margin:0px;
	padding:0px;
	float: none;
	width: 100%;
	text-align: right;
	padding-top:0px;
}

#header .head_body .head_menu .language_sp {
	display:block;
	background-color:#F8F8F8;
	margin:0px;
	padding:6px 3px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	list-style:none;
	margin-top:10px;
	behavior: url(PIE.htc);
}

#header .head_body .head_menu .language_sp ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#header .head_body .head_menu .language_sp li {
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	/*width:21.4%;*/
	width:31.4%;
	float:left;
	margin:0.8%;
	padding:2% 0%;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0px 0px 3px 0px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	text-align:center;
}


#header .head_body .navi {
	display:none;
}

#header .unkou{
	background:#333333;
	margin-top:10px;
	position: static;
	padding-bottom:10px;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */  
}

#header .unkou p {
	color:#FFFFFF;
	padding-left:0px;
	position: static;
	margin:15px 3%;

}

#header .unkou span {
	position: static;
	margin:2%;
}

#header .unkou span img {
	width:48%;

}

#header .unkou .pc_image {
	display:none;
}

#header .unkou .sp_image {
	display: inherit;
}


#header .unkou_txt {
	padding-left:0px;
	position: static;
/*	top: 5px;
	left:140px;*/
	width:100%;
	height: auto;
	overflow: auto;
}


#header ul.style01 {
	display:block;
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;

	border-bottom:#55A158 2px solid;
	margin:10px 0px;
}

#header ul.style01 li {
	margin:0% 2%;
	padding:0px;
}

#header ul.style01 li {display:inline-block; width:44%; height:40px; line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold;
			/*background: -moz-linear-gradient(top, #FFF, #888 30%, #888);
			background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.3, #888), to(#888));*/
}
#header ul.style01 li.active { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;
			/*background: -moz-linear-gradient(top, #FFF, #333 30%, #333);
			background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.3, #333), to(#333));*/
}

#header ul.style01 li a {
	color:#55A158;
}

#header .navi_sp {
	display: block;
	width:98%;
	margin:auto;
}

#header .navi_sp ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-top:20px;
}

#header .navi_sp li {
	width:32.0%;
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	margin-right:2%;
	margin-bottom:10px;
}

#header .navi_sp li:nth-child(3),
#header .navi_sp li:nth-child(6) {
	margin-right:0px;
}

#header .navi_sp li img {
	width:100%;
	height:auto;
}

#header .sp_body {
	display: block;
	position: absolute;
	top:16px;
	right:10px;
	width:13%;

}

#header .sp_body img {
	width:auto;
	max-height:70px;
}


}