@charset "utf-8";

/*
-----------------------------------------------------
DEFAULT CSS SETTINGS
FileName:   design.css
Version:    2006.11.8
Skin for:	DEFAULT
-----------------------------------------------------
*/

/*-----------------COMMON SETTINGS-----------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td, object {
	margin: 0; 
	padding: 0;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:14px;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
	color:#333333;
	background: #ffffff;
}

h1 {
	margin:0;
	padding:0;
	font-weight:normal;
} 
	
h2 {
	margin:0;
	padding:0;
	font-weight:normal;
} 	


h3 {
	margin:0;
	padding:0;	
	font-weight:normal;
} 	


h4 {
	margin:0;
	padding:0;	
	font-weight:normal;	
}


h5,h6 {
	margin:0;
	padding:0;	
	font-weight:normal;	
} 
	

table {
	border-collapse:collapse;
} 

img {
	border: 0;
	vertical-align:bottom;
}

a:hover .img{
	opacity:0.5;
}


ul,ol,li {
	list-style-type:none;
}
	
dl,dt,dd {

}	

div,p{
	margin:0;
	padding:0;
}



object {
display: block;
}

/*----------------フォント-----------------*/

.fff_font{color:#ffffff; font-family:'ヒラギノ角ゴ Pro W9', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.ccc_font{color:#cccccc; font-family:'ヒラギノ角ゴ Pro W9', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.r_font{color:#7C464D; font-family:'ヒラギノ角ゴ Pro W9', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.r_font2{color:#993044; font-family:'ヒラギノ角ゴ Pro W9', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.no_font{text-indent:-9999px;}

.g_font{color:#17832a; font-weight:bold; font-family:'ヒラギノ角ゴ Pro W9', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size:18px; margin-bottom:10px;}

/*-----------------スペース-----------------*/

.spacer{margin-bottom:10px;}

.spacer_t_5{margin-top:5px;}
.spacer_t_10{margin-top:10px;}
.spacer_t_15{margin-top:15px;}
.spacer_t_20{margin-top:20px;}
.spacer_t_26{margin-top:26px;}
.spacer_t_21{margin-top:10px;}
.spacer_t_30{margin-top:30px;}
.spacer_t_40{margin-top:40px;}
.spacer_t_50{margin-top:50px;}
.spacer_t_60{margin-top:60px;}
.spacer_t_70{margin-top:70px;}

.spacer_5{margin-bottom:5px;}
.spacer_7{margin-bottom:7px;}
.spacer_10{margin-bottom:10px;}
.spacer_20{margin-bottom:20px;}
.spacer_30{margin-bottom:30px;}
.spacer_40{margin-bottom:40px;}
.spacer_50{margin-bottom:50px;}
.spacer_60{margin-bottom:60px;}
.spacer_70{margin-bottom:70px;}
.spacer_80{margin-bottom:80px;}
.spacer_90{margin-bottom:90px;}


.p_2{padding:2px 0 2px 0;}
.p_3{padding:3px 0 3px 0;}
.p_4{padding:4px 0 4px 0;}
.p_5{padding:5px 0 5px 0;}
.p_6{padding:6px 0 6px 0;}
.p_7{padding:7px 0 7px 0;}
.p_8{padding:8px 0 8px 0;}
.p_9{padding:9px 0 9px 0;}
.p_10{padding:10px 0 10px 0;}
.p_11{padding:11px 0 11px 0;}
.p_12{padding:12px 0 12px 0;}
.p_13{padding:13px 0 13px 0;}
.p_14{padding:14px 0 14px 0;}
.p_15{padding:15px 0 15px 0;}
.p_20{padding:20px 0 20px 0;}
.p_25{padding:25px 0 25px 0;}
.p_30{padding:30px 0 30px 0;}
.p_35{padding:35px 0 35px 0;}
.p_40{padding:40px 0 40px 0;}
.p_45{padding:45px 0 45px 0;}
.h_50{height:50px}

.m_5{margin:5px;}
.m_10{margin:10px;}
.m_20{margin:20px;}

.l_5{margin-left:5px;}
.l_10{margin-left:10px;}
.l_20{margin-left:20px;}
.l_30{margin-left:30px;}
.l_40{margin-left:40px;}
.l_50{margin-left:50px;}
.l_60{margin-left:60px;}

.r_3{margin-right:3px;}
.r_5{margin-right:5px;}
.r_10{margin-right:10px;}
.r_20{margin-right:20px;}
.r_30{margin-right:30px;}
.r_40{margin-right:40px;}
.r_50{margin-right:50px;}
.r_60{margin-right:60px;}
.r_70{margin-right:70px;}

.f_10{font-size:10px;}
.f_11{font-size:11px;}
.f_12{font-size:12px;}
.f_13{font-size:13px;}
.f_14{font-size:14px;}
.f_15{font-size:15px;}
.f_16{font-size:16px;}
.f_17{font-size:17px;}
.f_18{font-size:18px;}
.f_19{font-size:19px;}
.f_20{font-size:20px;}
.f_21{font-size:21px;}
.f_22{font-size:22px;}
.f_23{font-size:23px;}
.f_24{font-size:24px;}
.f_b{font-weight:bold;}

.t_l{text-align:left;}
.t_r{text-align:right;}
.t_c{text-align:center;}

.d_t{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:16px;
	font-weight:bold;
	text-align:right;
}
/*//-----------------END COMMON SETTINGS-----------------*/


/*-----------------リンク-----------------*/

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

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

a:hover {
	color:#0090db;
	text-decoration:underline;
}


/*-----------------レイアウト-----------------*/


#wrapper{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

#contents{
	width:980px;
	margin-left: auto;
	margin-right: auto;
}

.mein{
	width:980px;
	margin-left: auto;
	margin-right: auto;
}


.k_mein{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	padding:50px 0 50px 0;
}


.clear{clear:both;}

/*-----------------ヘッダー-----------------*/
#header{
	width: 100%;
	background-color:#FFFFFF;
	clear:both;
	margin:0 0 0 0;
}

.header_bg{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

.header_bg h1{
	float:left;
	width:850px;
	font-size:12px;
	margin:10px 0 10px 0;
}

.header_bg .text{
	float:left;
	width:120px;
	font-size:12px;
	margin:10px 0 10px 0;
	text-align:right;
	background-position:center left;
	background-image: url(../images/yazi01.png);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
}


.logo{
	width: 207px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
	clear:both;
}


.gnav {
	width: 100%;
	height:42px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom:2px;
	margin-bottom:20px;
	}

.gnav ul{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.gnav li{
	float:left;
}


.mainimg{
	width: 980px;
	height:350px;
	background: url(../images/mainimg.png) top center no-repeat;
	margin-bottom:40px;
	text-indent:-9999px;
}



.pan{
	font-size:10px;
	margin:0 auto 20px auto;
	width: 980px;
}

/*-----------------フッター-----------------*/
.top{
	width:980px;
	text-align:right;
	margin:20px auto 20px auto;
}

#foot{
	width:100%;
	clear:both;
	background-color:#ededed;
}

.foot_bg{
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	padding:30px 0 30px 0;
}

.foot_bg .box00{
	width:400px;
	float:left;
	margin:0 0 0 0;
}


.foot_bg .box01{
	width:120px;
	float:right;
	margin:0 0 0 0;
}

.foot_bg .box02{
	width:170px;
	float:right;
	margin:0 0 0 0;
}

.foot_bg li{
	background-repeat: no-repeat;
	background-position:center left;
	background-image: url(../images/yazi02.png);
	padding:0 0 0 10px;
	margin-bottom:10px;
}


.copyright{
	clear:both;
	font-size:12px;
	padding:5px 0 5px 0;
	background:#e3e3e3;
	text-align:center;
	}


	
/*-----------------トップページ-----------------*/


.top_co{
	border: 5px solid #EFEFEF;
	width: 300px;
	height:250px;
	padding:10px;
	box-sizing: border-box;
	margin:0 0 40px 0;
	float:left;
}

.top_co h3{
	color:#ff6600;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.top_co img{
	margin:0 0 10px 0;
}



.top_co2{
	border: 5px solid #EFEFEF;
	width: 300px;
	height:250px;
	padding:10px;
	box-sizing: border-box;
	margin:0 40px 40px 40px;
	float:left;
}

.top_co2 h3{
	color:#ff6600;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.top_co2 img{
	margin:0 0 10px 0;
}

.top_co3{
	border: 5px solid #EFEFEF;
	width: 465px;
	height:220px;
	padding:10px;
	box-sizing: border-box;
	margin:0 25px 40px 0;
	float:left;
}

.top_co3 h3{
	color:#ff6600;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.top_co3 img{
	margin:0 0 10px 0;
}

.top_co4{
	border: 5px solid #EFEFEF;
	width: 465px;
	height:220px;
	padding:10px;
	box-sizing: border-box;
	margin:0 0 40px 25px;
	float:left;
}

.top_co4 h3{
	color:#ff6600;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.top_co4 img{
	margin:0 0 10px 0;
}


.top_co5{
	background: url(../images/top_img06.png) top center no-repeat;
	width: 980px;
	height:180px;
	box-sizing: border-box;
	padding:60px 0 0 0;
	margin:0 0 40px 0;
}

.top_co5 h3{
	color:#ff6600;
	font-size:24px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.top_co5 .text{
	margin:0 0 10px 0;
	text-shadow: 1px 3px 3px rgba(255,255,255,0.6);
}


/*-----------------下層-----------------*/

.title {
	padding-left: 40px;
	color:#0090db;
	height:57px;
	line-height:57px;
	font-size:24px;
	font-weight:bold;
	margin:0 0 20px 0;
	background: url(../images/title_bg.png) top center no-repeat;
}


.k_title {
	color:#0090db;
	font-size:30px;
	font-weight:bold;
	margin:0 0 40px 0;
	padding:0 0 20px 0;
	border-bottom: 3px solid #0090db;
	text-align:center;
}



.sub_title {
	position: relative;
	padding: 10px;
	border-left: 4px solid #0090db;
	color:#0090db;
	font-size:24px;
	font-weight:bold;
	background:#ebf8fc;
	margin-bottom:20px;
	clear:both;
}


.solution{
		width: 100%;
  background: url(../images/solution_bg.jpg) center center; /* 画像ファイルの指定 */
  background-position: center center; /* 画像を常に天地左右の中央に配置 */
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
  padding:50px 0 50px 0;
}

.solution h4{
	font-size:20px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom: 1px solid #fff;
	text-shadow: 1px 3px 3px rgba(255,255,255,0.6);
}

.solution .text{
	text-shadow: 1px 3px 3px rgba(255,255,255,0.6);
	margin-bottom:50px;
}


.field{
		width: 100%;
  background: url(../images/field_bg.jpg) center center; /* 画像ファイルの指定 */
  background-position: center center; /* 画像を常に天地左右の中央に配置 */
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
  padding:50px 0 50px 0;
}



.about{
	width: 100%;
  background: url(../images/about_bg.jpg) center center; /* 画像ファイルの指定 */
  background-position: center center; /* 画像を常に天地左右の中央に配置 */
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
  padding:50px 0 50px 0;
  }


.contact{
	width: 100%;
  background: url(../images/contact_bg.jpg) center center; /* 画像ファイルの指定 */
  background-position: center center; /* 画像を常に天地左右の中央に配置 */
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
  padding:50px 0 50px 0;
  }
  
  
.privacy{
	width: 100%;
  background: url(../images/privacy_bg.jpg) center center; /* 画像ファイルの指定 */
  background-position: center center; /* 画像を常に天地左右の中央に配置 */
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
  padding:50px 0 50px 0;
}

.privacy h2{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:42px;
	line-height:200px;
	text-shadow: 1px 3px 3px rgba(0,0,0,0.6);
	color:#FFFFFF;
}

.privacy .gnav {
	width: 100%;
	background: url(../images/navi_bg.png) repeat-x;
	height:53px;
	}

.privacy .gnav ul{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.privacy .gnav li{
	float:left;
}

table.type02 {
	border-collapse: collapse;
	font-size:14px;
	text-align: left;
	line-height: 1.5;
	margin-top:10px;
	width: 100%;
}
table.type02 th {
	width: 25%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #fff;
	background-color: rgba( 255, 255, 255, 0.8 );
	box-sizing: border-box;
}
table.type02 td {
	width: 75%;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #fff;
	background-color: rgba( 255, 255, 255, 0.3 );
	box-sizing: border-box;
}