@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

#main_area .dtbox {
	margin-top: 20px;
}
#main_area #pr {
	background-color: #F0F9D0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#main_area .dtbox dl {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D9D9D9;
	display: block;
	clear: left;
	min-height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

#main_area .dtbox  dt{
	width: 90px;
	color: #333;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	letter-spacing: 0.15em;
	float: left;
	margin-right: 10px;
	background-image: url(../images/gray_back.gif);
}
#main_area .dtbox dd {
	display: block;
	margin-left: 120px;
	margin-top: 5px;
	text-align: left;
}
#main_area .dtbox dd iframe {
	margin-left: 20px;
	border: 1px solid #CCC;
}
#main_area .dtbox dd small a {
	font-size: 0.7em;
	position: relative;
	display: block;
	width: 425px;
	text-align: right;
}
#main_area h2 {
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 0px;
	background-color: #999;
	width: 80px;
	letter-spacing: 0.2em;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#main_area h1 {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: 1.2em;
	letter-spacing: 0.08em;
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	clear: both;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 5px;
	min-height:30px;
}
#main_area {
	margin-right: auto;
	margin-left: auto;
	max-width: 960px;
}
#main_area h3 {
	color: #777;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 15px;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	background-color: #FFF;
	background-image: url(../images/h3_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #A6D382;
	margin-top: 20px;
	clear: both;
}
#main_area h4 {
	color: #1C98B0;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 15px;
	font-size: 1em;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
	background-color: #FFF;
	background-image: url(../images/h4_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #62CFC9;
}
#main_area .dtbox dd li {
	list-style-type: circle;
	list-style-position: inside;
	font-size: 0.8em;
	display: block;
	margin-right: 20px;
	width: 200px;
	float: left;
}
#faq h3  {
	clear: both;
	display: block;
}
.section {
	margin-bottom: 40px;
	display: block;
}
#section03  {
	border: 1px dotted #CCC;
	padding: 8px;
	margin-bottom: 20px;
}
#main_area .flowItem li {
	float: left;
	margin-right: 10px;
	display: block;
	background-image: url(../img/work/li_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#main_area .flowTitle {
	color: #FFF;
	background-color: #666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.9em;
	width: 250px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	margin-top: 20px;
}
body {
	color: #666666;
	line-height: 160%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#main_area .right {
	float: right;
	margin-left: 10px;
}
#main_area .left {
	float: left;
	margin-right: 20px;
}
strong {
	font-size: 1.1em;
	line-height: 130%;
	color: #333;
	font-weight: bold;
}
h1 {
	margin-bottom: 20px;
}
#main_area em {
	font-size: 1.2em;
	font-weight: bold;
	color: #62B24C;
	font-style: normal;
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#footer{
	width:100%;
	background-color: #6CB73D;
	color: #FFF;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-weight: normal;
	clear: both;
	padding-top: 40px;
	padding-bottom: 10px;
}

/* /////////////////////////////////////////////////////////////////////////// wrapper */

div#wrapper{
	min-width:1000px;
	text-align:left;
	
}

* html div#wrapper{
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
}

/* /////////////////////////////////////////////////////////////////////////// header */

div#header{
	width:980px;
	margin:0 auto;
	padding-top:4px;
	position:relative;
}

div#header h1{
		position:absolute;
		left:0;
		top:0;
}
/* /////////////////////////////////////////////////////////////////////////// contents */
		
div#container {
	width:960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 0.96em;
	line-height: 1.6em;
	text-align: left;
}
.txtSmall {
	font-size: 0.9em;
}
#container h3 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-bottom: 15px;
	margin-top: 30px;
	letter-spacing: 0.1em;
}


div#mainContent {
	position:relative;
	width:760px;
	float:right;
	text-align:left;
}

div#mainContentCenter {
	width:980px;
}

div#subNav {
	width:190px;
	float:left;
	text-align:left;
}	

	
/* 検索機能 */	
div.SearchBox{
	background:#e8e9ea url(img/bg_gnav2.gif) repeat-x left top;
	padding:10px 0 11px 10px;
	width:970px;
	margin:0 auto;
	border-bottom:1px #b3b4b4 solid;
}	

	div.SearchBox .selectbox {
		float: left;
		width: 165px;
		margin-right:7px;
	}
	
	div.SearchBox input{
		margin-right:4px;
	}	
	div.SearchBox input.image:hover{ border:none; }
	
	div.SearchBox input.gSearch{
		height:19px;
		width:176px;
		padding:0;
	}

	div.SearchBox dl.fr{
		width: 425px;
		background-color:#f8f8f9;
		/*background:url(img/bg_searchtxt.gif) repeat-x left top;*/
	}
	
	div.SearchBox dl dt{
		float: left;
		margin:0 9px;
	}
	
	div.SearchBox dl dd{
		float: left;
		display:inline;
		padding-top:2px;
		font-size:78%;
	}
	
	div.SearchBox ul#SearchBoxNav{
		float: right;
	}

	div.SearchBox ul#SearchBoxNav li{
		margin-right:10px;
	}

/* メインタイトル */

div#mainTtl{
	position:relative;
}

/* TOPICS */

div#newsArea{	
	margin-bottom:30px;
}

div#newsArea .ttlArea{	
	background:url(img/bg_top_news.gif) repeat-x top left;	
	padding:13px 0 0 12px; 
}

div#newsArea .ttlArea h3{	
	margin-top:6px;
}	

div#newsArea dl{
	width:735px;
	margin-left:12px;
}

div#newsArea dl dt,
div#newsArea dl dd{
	margin-top:10px;
}

div#newsArea dl dt{
	width:100px;
	clear: left;
	float: left;
}

div#newsArea dl > dd{
	width:635px;
	float: left;
}

/* for IE7 */
*+html div#newsArea dl > dd{
	float: none;
}

/* legacy IE */
*html div#newsArea dl dd{
	margin-left: 100px;
	zoom: 1;
}
		
/* ======================================

   テーブル table.table-info
	
 ======================================== */
table.table-info{
	border-top:1px solid #cecece;
	width:100%;
	font-size: 0.9em;
}

table.table-info.w660{
	border-top:1px solid #cecece;
	width:633px;
}

table.table-info.w470{
	width:473px !important;
}

	table.table-info th{
	background-color:#f5f7f8;
	border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
	text-align:center;
	font-weight:bold;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	line-height: 1.4em;
	}
	
	table.table-info td{
	padding:8px;
	border-bottom:1px solid #cecece;
	line-height: 1.5em;
	}

	table.table-info tr.error td,
	table.table-info td.error{
		background-color:#fdeef1 !important;
	}
	
	#errorArea {
		background-color:#fdeef1;
		border:1px solid #e1b9b9;
		padding:5px 10px;
		margin-bottom:10px;
	}
	
	#errorArea h5 {
		background: url(/common/css/img/bg_icon_caution.gif) no-repeat left top;
		padding-left: 19px;
		color: #ff0000;
		font-weight:bold;
	}

	ul.error_list {
		margin:0px 0px 20px 30px;
		}
	
	ul.error_list li {
		list-style:disc;
		font-weight:bold;
	}
	
	ul.error_list li span {
		color: #ff0000;
	}
	
	table.table-info ul.fBox li{
		margin-right:10px;
	}	
	
	table.table-info textarea {
		width:100%;
		}
	
	/* 2column dl style */
	
	table.table-info dl.style-A03{
		width:600px;
		margin-top:-5px;
	}
	

	table.table-info dl.style-A03 dt,
	table.table-info dl.style-A03 dd{
		margin-top:5px;
	}	
	
	table.table-info dl.style-A03 dt{
		margin-right:5px;
		width:150px;
		clear: left;
		float: left;
		text-align:right;
	}
	
	table.table-info dl.style-A03> dd{
		width:320px;
		float: left;
	}


	table.table-info dl.style-A04{
		width:600px;
		margin-top:-5px;
	}
	

	table.table-info dl.style-A04 dt,
	table.table-info dl.style-A04 dd{
		margin-top:5px;
	}	
	
	table.table-info dl.style-A04 dt{
		margin-right:5px;
		width:80px;
		clear: left;
		float: left;
		text-align:right;
	}
	
	table.table-info dl.style-A04> dd{
		width:390px;
		float: left;
	}


	table.table-info div#iframeArea .frameBorder {
	border:1px #b0b0b0 solid;
	width: 100%;
	margin-bottom: 5px;
	height:350px;
}	
	
	body.bknone {
	background:none !important;
	}
	
	#creator_policy {
	padding:15px;
	text-align:left;
	}
	
	#creator_policy p {
	margin-bottom:10px;
	}
	
	#creator_policy h1,#creator_policy h2 {
	font-weight:bold;
	margin-bottom:5px;
	}
	
	#creator_policy h2 {
	margin-top:30px;
	}
	
	#creator_policy ul {
	margin-bottom:10px;
	}
	
	#creator_policy ul li {
	list-style:disc;
	margin-left:15px;
	}
	
	/* for IE7 */
	*+html table.table-info dl.style-A03 > dd{
		float: none;
	}
	
	/* legacy IE */
	*html table.table-info dl.style-A03 dd{
		zoom: 1;
	}						

	table.table-info th.w245{
	width:20%;
}	
	table.table-info th.w150{ width:150px; }	
#container .infomation {
	border: 1px solid #CCC;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 0.96em;
}
#container .infomation ul {
	list-style-type: none;
	list-style-position: inside;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 1.5em;
}
#container .infomation ul li {
	margin-bottom: 5px;
}
#nav li {
	list-style-type: none;
	float: left;
	margin-right: 2.5em;
	display: block;
	font-size: 0.94em;
}
#nav li a {
	color: #C00;
}
#nav {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	display: block;
	height: 40px;
	width: 760px;
	clear: both;
	position: relative;
	background-color: #E8E8E8;
	padding-top: 10px;
	padding-left: 40px;
	margin-top: 20px;
}
#section01,#section02,#section03,#section04,#section05 {
	/* 画像を常に天地左右の中央に配置 */
  background-position: center top;
	/* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
	/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  /*background-attachment: fixed;*/
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#section01 {
	/* 画像ファイルの指定 */
  background-image: url(../img/01_back.jpg);
}
@media only screen and (max-width: 767px) {
#section01 {
	/* 画像ファイルの指定 */
  background-image: url(../img/01_back_sp.jpg);
}
}
#section01 p {	margin-top: -20px;}
#section02 {
	/* 画像ファイルの指定 */
  background-image: url(../img/02_back.jpg);
	min-height:730px;
	margin: 0px;
	padding: 0px;
}
#section02 p {
	margin-top: 50px;
	line-height: 2em;
}
#section03 {
	/* 画像ファイルの指定 */
  background-image: url(../img/03_back.jpg);
	min-height:750px;
	margin: 0px;
	padding: 0px;
}

#section03 ul  {
	margin-right: auto;
	margin-left: auto;
}
#section03 ul li {
	width: 240px;
	display: block;
	list-style-type: none;
	float: left;
	margin-right: 40px;
	background-image: url(../img/03_li.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFF;
	background-color:rgba(255,255,255,0.8);
	font-size: 2em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.08em;
	line-height: 1.2em;
	font-weight: lighter;
	min-height:220px;
	text-align: center;
	color: #F66;
	margin-top: 10px;
}
#section03 ul li dl {
	border: 1px dotted #C96;
}
#section03 ul li dl dt {
	margin-top: 75px;
}
#section03 dl dd {
	padding: 0px;
	font-size: 0.6em;
	color: #630;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: left;
	line-height: 1.6em;
	letter-spacing: normal;
	display: block;
}
#section04 {
	/* 画像ファイルの指定 */
  background-image: url(../img/04_back.jpg);
	background-repeat: repeat-y;
}
#section04 p {
	margin-top: 50px;
	line-height: 2em;
}

#section05 {
	/* 画像ファイルの指定 */
  background-image: url(../img/05_back.jpg);
	padding-top: 100px;
	/*	position: absolute;*/
	padding-bottom: 30px;
}
#section05 #history {
	background-image: url(../img/05_front_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 932px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	z-index: 3;
	height: 400px;
	/*	position: relative;*/
	margin-top: -550px;
}
#section05 #history img {
	margin-top: 500px;
}
#section05 ul {
	background-color: #FFF;
	background-color:rgba(255,255,255,0.8);
	width: 800px;
	padding-top: 50px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 30px;
	list-style-type: none;
	list-style-position: inside;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #333;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	z-index: 1;
	/*	position: relative;*/
	display: block;
	margin-top: 150px;
}
#section05 ul li {
	background-image: url(../img/05_line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0.1em;
}
#section06 {
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
    max-width:960px;
}
.inner p {
	font-size: 1.5em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.08em;
	line-height: 1.5em;
	font-weight: lighter;
}
.inner p .txtSmall {
	font-size: 0.76em;
}

h1 {
	margin: 0px;
	padding: 0px;
}
.inner {
	text-align: left;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1em;
	padding-left: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* =============================================================================
   clearfix
   ========================================================================== */


.clearfix {
     /zoom : 1;
     /*overflow:hidden;*/
}
/*.clearfix :after {
     content : '';
     display : block;
     clear : both;
     height:0;
}
*/
.table-full td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cecece;
}
.table-full {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #cecece;
	border-left-color: #cecece;
}