@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

@page {
    size: A4;
	margin: 12.7mm 9.7mm;
}
@media print {
body {
        -webkit-print-color-adjust: exact !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
    }
header {
        background-color: #fff !important;
    }
}

/*リンク*/
a {
	text-decoration: none;
	outline: none;
}
a:link	{
	color : #233743;
}
a:active	{
	color : #233743;
} 
a:hover {
	color : #233743;
 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
a:visited	{
	color : #233743;
} 

/*リンク終了*/

header nav ul li span {
	color : #233743;
}

 
/*メニュー部分*/
@media screen and (max-width:850px){
	header nav{
		display: none;
		position: absolute;
		top:60px;
		width: 15em;
		height:11em;
		background-color:#CCC;
		right: 0;
		z-index: 150;
	}
	header nav ul{
		display: block;
		margin: 0 auto;
		width: 90%;
	}
	header nav ul li{
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #fff;
	line-height: 3.5em;	
	}
	header nav ul li:last-child{
		border: none;
	}
	header nav ul li a{
	color : #000;
	display: block;
	}
	header nav ul li span {
	opacity: 0.6;
}
}



@media screen and (max-width:850px){	
	/*開閉ボタン*/
	#nav_toggle{
	display: block;
	width: 25px;
	height: 30px;
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 150;
	float: right;
	cursor : pointer;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 2px;
		background: #233743;
		position:absolute;
		width: 100%;
		left: 0;
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:10px;
	}
	#nav_toggle span:nth-child(3){
		top:20px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

}




@media print, screen and (min-width: 850px) {
/*PCのスタイル*/
.inner {
	width: 100%;
}

header nav {
	position: absolute;
	width: 100%;
	z-index: 150;
	text-align: center;
}
header nav ul{
	width: 100%;
	margin-top:30px;
}
header nav ul li{
	height: 100%;
	display: inline-block;
	list-style: none;
	margin: auto 3em;
	font-size:1em;
	line-height: 30px;
	letter-spacing:0.04em;
}
header nav ul li span {
	padding-bottom:5px;
	border-bottom:solid 2px #233743;
	color: #233743 !important;
}
header nav ul li a{
	color: #233743 !important;
	text-decoration: none;
	display: inline-block;
}

header nav ul a:visited{
	color: #233743;
}
#nav_toggle{
	display: none;
}
}



/* a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }*/


/*body {
        -webkit-print-color-adjust: exact;
		overflow-x: visible !important;
		overflow-y: visible !important;
    }
header {
        background-color: #fff!important;
    }
	
a {
	text-decoration: none;
	outline: none;
}
*/
/*@media print {
	header nav ul li {
	margin: auto 4px;
	letter-spacing:0em;
}*/