@charset "utf-8";
/*
====================================
Reset
====================================
*/
html, body, div, span,p, iframe,a, address, small, strong,dl, dt, dd, ol, ul, li,table, tbody, tfoot, tr, th, td,article, aside, canvas,
footer, header, hgroup,menu, nav, section,time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		font-style:normal;
		color:#333;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS PGothic", "ＭＳ Ｐゴシック", "Verdana", "Arial", "Helvetica", sans-serif;
		font-weight:normal;
}
h1, h2, h3, h4, h5, h6{
		margin:0;
		padding:0;
		border:0;
		font-weight:normal;
		letter-spacing:-0.001em;/* iOS4でテキストに隙間ができる不具合*/
		-webkit-text-size-adjust:100%;/* 文字サイズの自動調整機能のキャンセル iOS対応 */
}
article, aside, footer, header, menu, nav, section{
		display:block;
}
html{
		overflow-y: scroll;
}
ul,ol{
		list-style:none;
}
table{
		border-collapse:collapse;
		border-spacing:0;
}
.clearfix{
		min-height:1px;
}
.clearfix:after{
		content:"."; 
    	display:block;
    	clear:both;
    	height:0;
    	visibility:hidden;
}
*html .clearfix{
		height:1px;
		/*\*//*/
		height: auto;
		overflow: hidden;
    	/**/
}

img{
		max-width:100%;
		height:auto;
		border:none;
}
img{
		-ms-interpolation-mode:bicubic;
}
.ie8 img{
		width:auto;/* IE8対策 */
}
html,body{
		height:100%;
}
body{
		font-size:13px;
		line-height:18px:
}
h2{
		font-size:16px;
		font-weight:normal;
}
h3{
		font-size:16px;
		font-weight:bold;
}
h4, h5{
		font-size:14px;
}
h6{
		font-size:13px;
}
small{
		font-size:12px;
}
/*
====================================
Anchor
====================================
*/
a:link, a:visited{
		text-decoration:none;
}
a:hover{
		color:#00aeff;
		text-decoration:none;
}
.link_underline a{
		padding-bottom:1px;
		color:#00aeff;
		border-bottom:1px solid #00aeff;
}
.link_underline a:hover{
		border-bottom:none;
}
/*
====================================
トップメニュー
====================================
*/
header{
		width:100%;
		max-width:1000px;
		margin:0 auto;
}
#top_menu{
		float:right;
		margin-top:10px;
}
/*
====================================
パンくず
====================================
*/
.topic_path{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
}
.topic_path li{
		width:97%;
		max-width:1000px;
		margin:0 auto;
		padding:5px 0;
		font-size:11px;
		text-decoration:none;
}
.topic_path li a:hover{
		text-decoration:underline;
}
/*
====================================
ページの先頭に戻る
====================================
*/
.to_top{
		width:100%;
		border-top:1px solid #ccc;
}
.to_top p{
		max-width:1000px;
		margin:0 auto;
}
.to_top a{
		display:block;
		padding:7px 17px 7px 0;
		text-align:right;
		font-size:11px;
		background:url("../img/common/arrow_top.png") no-repeat right center;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
}
.to_top a:hover {
		color:#2A39AA;
		text-decoration:none;
		background-position: right 8px;
}
/*
====================================
プライバシーマーク
====================================
*/
.pmark {
		float:right;
}
/*
====================================
 ■ PC用CSS 781px設定
====================================
*/
@media screen and (min-width:784px){
#wrapper{
		width:100%;
		
		font-size:100%;
		line-height:180%;
}
#box_wrap{
		width:97%;
		max-width:1000px;
		margin:0 auto;
		position:relative;
}
/* ===== ロゴ ===== */
.logo_area h1{
		float:left;
		margin-top:20px;
		*zoom:50%;
}
/* ===== トップメニュー ===== */
#top_menu li{
		padding:0 10px;
		display:inline;
		border-left:1px solid #ccc;
		font-size:11px;
}
#top_menu li:first-child{
		border:none;
}
#top_menu li:last-child{
		padding:0 0 0 10px;
}
/* ===== グローバルナビ ===== */
nav{
		float:right;
		margin-right:10px;
}
nav li{
		float:left;
		margin:10px 0 15px;
}
nav li a{
		display:block;
		position:relative;
		text-indent:-9999px;
		background:url(../img/common/gnav.png) no-repeat;
}
nav .gn_top{
		background-position:0px 0px;
		width:152px;
		height:30px;
}
nav .gn_top:hover{
		background-position:0px -34px;
}
nav .gn_company{
		background-position:-460px 0px;
		width:133px;
		height:30px;
}
nav .gn_company:hover{
		background-position:-460px -34px;
}
nav .gn_service{
		background-position:-326px 0px;
		width:133px;
		height:30px;
}
nav .gn_service:hover{
		background-position:-326px -34px;
}
nav .gn_member{
		background-position:-151px 0px;
		width:176px;
		height:30px;
}
nav .gn_member:hover{
		background-position:-151px -34px;
}
nav .gn_recruit{
		background-position:-594px 0px;
		width:143px;
		height:30px;
}
nav .gn_recruit:hover{
		background-position:-594px -34px;
}
/* ===== フッター ===== */
footer{
		padding-top:15px;
		border-top:1px solid #ccc;
}
#ft_inner{
		width:97%;
		max-width:1000px;
		margin:0 auto;
}
.ft_company{
		background:url(../img/top/sprite.png) no-repeat top left;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
}

a.ft_company{
		background-position:0px -128px;
		width:130px;
		height:30px;
		float:left;
		margin:25px 35px 0 0;
}
.ft_left{
		float:left;
}
.ft_menu{
		margin-top:15px;
}
.ft_menu li{
		display:inline;
		padding:0 10px;
		border-left:1px solid #ccc;
		font-size:12px;
}
.ft_menu li:last-child{
		padding:0 10px 0 10px;
		border-right:1px solid #ccc;
}
.copyright{
		padding-top:3px;
		font-size:8px;
		color:#777;
}
}
/*
====================================
 ■ Tablet用CSS 780px設定
====================================
*/
@media screen and (min-width:656px) and (max-width:783px){
#wrapper{
		max-width:768px;
		font-size:100%;
		line-height:180%;
}
#box_wrap{
		width:100%;
		margin:0 auto;
		position:relative;
}
/* ===== ロゴ ===== */
.logo_area h1{
		float:left;
		margin:10px 0 0 10px;
}
/* ===== トップメニュー ===== */
.top_menu_contact, .top_menu_sitemap{
		display:none;
}
/*  英語版　*/
.top_menu_en{
		display:none;
}
.top_menu_en a{
		display:block;
		float:right;
		margin:10px 10px 0 0;
		padding:4px 8px;
		border:1px solid #ccc;
}
.top_menu_en a:hover{
		background:#f6f6f6;
}
/* ===== グローバルナビ ===== */
nav{
		float:right;
		margin:10px 10px 0 0;
}
nav li{
		float:left;
		margin:10px 0 15px;
}
nav li a{
		display:block;
		position:relative;
		text-indent:-9999px;
		background:url(../img/common/gnav.png) no-repeat;
}
nav .gn_top{
		display:none;
}
nav .gn_top:hover{
		background-position:0px -34px;
}
nav .gn_company{
		background-position:-460px 0px;
		width:133px;
		height:30px;
}
nav .gn_company:hover{
		background-position:-460px -34px;
}
nav .gn_service{
		background-position:-326px 0px;
		width:133px;
		height:30px;
}
nav .gn_service:hover{
		background-position:-326px -34px;
}
nav .gn_member{
		background-position:-151px 0px;
		width:176px;
		height:30px;
}
nav .gn_member:hover{
		background-position:-151px -34px;
}
nav .gn_recruit{
		background-position:-594px 0px;
		width:143px;
		height:30px;
}
nav .gn_recruit:hover{
		background-position:-594px -34px;
}
/* ===== フッター ===== */
footer{
		border-top:1px solid #ccc;
}
.ft_company{
		background:url(../img/top/sprite.png) no-repeat top left;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
}
a.ft_company{
		background-position:0px -128px;
		width:117px;
		height:30px;
		float:left;
		margin:25px 35px 0 10px;
}
.ft_menu li a{
		display:block;
		padding:10px;
		border-bottom:1px solid #ccc;
		font-size:12px;
		background:#f6f6f6;
}
.ft_menu li a:hover{
		display:block;
		background:#fff;
}
.copyright{
		padding:3px 0 0 10px;
		font-size:8px;
		color:#777;
}
/* ===== プライバシーマーク ===== */
.pmark {
		float:none;
		margin:10px 0 0 10px;
}
}
/*
====================================
 ■ SmartPhone用CSS 655px設定
====================================
*/
@media screen and (max-width:655px){
#wrapper{
		width:100%;
		*zoom:100%;
		font-size:13px;
		line-height:160%;
}
#box_wrap{
		margin:0 auto;
		position:relative;
}
/* ===== ロゴ ===== */
.logo_area h1{
		float:left;
		margin:10px 0 0 10px;
}
.logo_area h1 img{
		width:40%;
		height:auto;
}
/* ===== トップメニュー ===== */
.top_menu_contact, .top_menu_sitemap{
		display:none;
}
/*  英語版　*/
.top_menu_en{
		display:none;
}
.top_menu_en a{
		display:block;
		float:right;
		margin:10px 10px 0 0;
		padding:4px 8px;
		border:1px solid #ccc;
}
.top_menu_en a:hover{
		background:#f6f6f6;
}
/* ===== グローバルナビ ===== */
nav{
		margin-top:20px;
		width:100%;
		border-top:1px solid #ccc;
}
nav li{
		float:left;
		width:25%;
		text-align:center;
		font-size:11px;
}
nav li a{
		display:block;
		padding:5px 0;
}
nav li a:hover{
		background:#f6f6f6;
}
.gn_top{
		display:none;
}
.gn_member, .gn_service, .gn_company{
		border-right:1px solid #ccc;
}
/* ===== フッター ===== */
footer{
		border-top:1px solid #ccc;
}
.ft_company{
		background:url(../img/top/sprite.png) no-repeat top left;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
}
a.ft_company{
		background-position:0px -128px;
		width:117px;
		height:30px;
		float:left;
		margin:25px 35px 0 10px;
}
.ft_menu li a{
		display:block;
		padding:10px;
		border-bottom:1px solid #ccc;
		font-size:12px;
		background:#f6f6f6;
}
.ft_menu li a:hover{
		display:block;
		background:#fff;
}
.copyright{
		padding:3px 0 0 10px;
		font-size:8px;
		color:#777;
}
/* ===== プライバシーマーク ===== */
.pmark {
		float:none;
		margin:10px 0 0 10px;
}
}