@charset "utf-8";

/* mozilla.org Base Styles
 * maintained by fantasai
 * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup )
 */

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/*共通項目*/
/*ヘッダー*/
article#header header{
	width:856px;
	padding: 10px 10px 8px 10px;
	margin: 0 auto;
}
article#header h1{
	width: 190px;
	height: 53px;
	float: left;
}
article#header nav{
	float: right;
}
article#header nav ul{
	display: inline-block;
}
article#header nav ul li{
	display:inline-block;
	float: left;
	height:24px;
	font-size: 1.2em;
	line-height: 1;
	margin-top: 20px;
	
}
article#header nav ul li.last-child{
	width:146px;
	margin-top: 12px !important;
	margin-left: 5px;
	overflow: hidden;
}

/*ナビゲーション*/
nav#global ul{
	width:876px;
	margin: 0 auto;
}
nav#global ul li{
	display: inline-block;
	width: 163px;
	height:58px;
	margin-left: 9px;
	border-bottom: 4px solid #e5e5e5;
}
nav#global ul li.cr{
	border-bottom: 4px solid #e3007f !important;
}
nav#global ul li.first-child,
nav#global ul li.last-child{
	width:173px;
}
nav#global ul li.first-child{
	margin: 0;
}

/*フッター*/
article#footer footer{
	width:876px;
	margin: 0 auto;
	padding: 20px 0;
	font-size:1.1em;
}
article#footer footer dl{
	display: inline-block;
	float:left;
	margin-right: 20px;
}
article#footer footer dl dt{
	display: inline-block;
	float:left;
	margin-right: 15px;
}
article#footer footer dl dd{
	display: inline-block;
	float:left;
}
article#footer footer ul.mark{
	display: inline-block;
	float: left;
	list-style-type: none;
}
article#footer footer ul.mark li{
	display: inline-block;
	float: left;
	margin-right: 14px;
}
article#footer footer ul.mark li.last-child{
	margin: 0;
}
article#footer footer nav{
	display: inline-block;
	float: left;
}
article#footer footer nav ul{
	display: inline-block;
	float: left;
	margin-left: 20px;
}

/*コンテンツ*/
main#contents article.box{
	margin: 0 0 50px;
	border-bottom: 1px solid #c9c9c9;
}
main#contents article.even{
	background: url('../images/cont_bg01.png') repeat-x left bottom;
}
main#contents article.last-child{
	margin: 0;
	border: none;
}
main#contents article.box article{
	width:876px;
	margin: 0 auto;
}

main#contents article.box article section{
	display: block;
	float: right;
	width:645px;
	color: #2a0f84;
}
main#contents article.box article section h2{
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 1;
	font-size: 2.8em;
	border-bottom: 1px solid #e3007f;
}
main#contents article.box article section h3{
	margin: 45px 0 25px;
	padding: 10px;
	font-size: 1.6em;
	line-height: 1.6;
	border-left: 5px solid #2a0f84;
	background-color: #f4f4f4;
}
main#contents article.box article section h4{
	margin: 45px 0 25px;
	font-size: 1.6em;
	line-height: 1.6;
}
main#contents article.box article section h3.first-child,
main#contents article.box article section h4.first-child{
	margin: 0 0 25px;
}
main#contents article.box article section p.txt{
	font-size: 1.6em;
}
main#contents article.box article section .indent{
	padding: 0 0 0 20px;
}
main#contents article.box article section ul.txt{
	margin-left: 2.5em;
	font-size: 1.6em;
}
main#contents article.box article section dl{
	font-size: 1.6em;
}
main#contents article.box article section dl dd{
	margin: 10px 0 2em 1em;
}
main#contents article.box article section table,th,td{
	border: 1px solid #c6c6c6;
	text-align: left;
	font-size: 1rem;
	font-weight: normal;
}
main#contents article.box article section table.table-list,
main#contents article.box article section table.table-list th,
main#contents article.box article section table.table-list td{
	border:none;
}
main#contents article.box article section table{
	width:100%;
	margin:20px 0 0;
}
main#contents article.box article section th,td{
	padding: 10px;
}
main#contents article.box article section table th{
	background-color: #eee;
}
main#contents article.box article section table th.hardwear{
	width:40%;
}
main#contents article.box article section table.table-list th{
	font-weight: bold;
	white-space: nowrap;
}
main#contents article.box article section table.table-list .odd th{
	background-color: #fff;
}
main#contents article.box article section table.table-list .even{
	background-color: #eee;
}
main#contents article.box article section table.privacy01{
	margin: 0;
}
main#contents article.box article section table.privacy01 th{
	width:50%;
}
main#contents article.box article section table.privacy02 th.odd{
	width:40%;
}
main#contents article.box article section ol,
main#contents article.box article section ul{
	margin-left: 1.2em;
	font-size: 1rem;
}
main#contents article.box article section li{
	margin: 0 0 1.5em 0;
}
main#contents article.box article section li em{
	display: block;
	padding: 0 0 1em 0;
	font-weight: bold;
	font-style: normal;
}

/*画像*/
main#contents article.box article section div.images{
	margin: 40px 0 0;
}
main#contents article.box article section div.images p{
	display: block;
	text-align: center;
}
main#contents article.box article section div.images ul{
	display: block;
	list-style-type: none !important;
	margin: 30px 0 0;
}
main#contents article.box article section div.images ul li{
	display: block;
	float: left;
	width: 158px;
	height: 118px;
	border: 1px solid #333;
}

/*ページのトップへ*/
main#contents article.box article p.btn{
	margin: 70px 0 0;
	text-align: right;
}
main#contents article.last-child article p.btn{
	margin: 160px 0 0;
	text-align: right;
}

/*サイドナビ*/
main#contents article.box aside#sidenavi{
	display: block;
	float: left;
	width:213px;
}
main#contents article.box aside#sidenavi dl dd{
	margin: 0 0 20px;
}
main#contents article.box aside#sidenavi dl dd ul{
	margin: 5px 0 0 13px;
	list-style-type: none;
	font-size: 1.2em;
}
main#contents article.box aside#sidenavi dl dd ul li{
	margin: 0 0 10px;
	line-height: 1.6;
}

/*トップページ*/
/*メインイメージ*/
article#topimage section{
	min-width: 876px;
	height:315px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	background: url('../images/top_image01.jpg') no-repeat center top;
	text-indent: -5000px;
}

/*私たちについて*/
section#about{
	padding:30px 0 40px;
	background: url('../images/cont_bg01.png') repeat-x left bottom;
	border-bottom: 1px solid #c9c9c9;
}
section#about h1{
	text-align: center;
}
section#about div{
	width:856px;
	margin: 10px auto 0;
	position: relative;
}
section#about div h2{
	display: inline;
	float: left;
}
section#about div div{
	display: block;
	float: right;
	width:692px;
	padding:0 0 50px;
	font-size: 1.8em;
	color:#e3007f;
}
section#about div div:before{
	content: url('../images/top_about_img01.png');
}
section#about div div:after{
	content: url('../images/top_about_img02.png') ;
	position : absolute ;
	right : 0 ;
}
section#about div div p{
	padding: 0 25px;
}
section#about p.btn{
	margin: 40px 0 0;
	text-align: center;
}

/*事業内容*/
section#service{
	padding:30px 0 40px;
	border-bottom: 1px solid #c9c9c9;
}
section#service h1{
	padding: 0 0 20px;
	text-align: center;
}
section#service div{
	width:856px;
	margin: 0 auto;
}
section#service div p{
	text-align: center;
	color:#2a0f84;
	font-size: 1.6em;
}
section#service div ul{
	margin: 40px 0 0;
}
section#service div ul li{
	display: inline-block;
	float:left;
}
section#service div ul li.even{
	margin: 0 30px;
}
section#service p.btn{
	margin: 40px 0 0;
	text-align: center;
}

/*ニュース等*/
aside#release article{
	width:876px;
	margin: 0 auto;
	padding:40px 0;
}
aside#release article #news{
	display: block;
	float: left;
	width:380px;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 5px;
	background-color: #fff;
}
aside#release article #news ul{
	display: block;
	height: 280px;
	padding: 0 0 20px;
	list-style-type: none;
	overflow-y: scroll;
}
aside#release article #news ul li{
	font-size: 1.2em;
}
aside#release article #news ul li span{
	display: inline-block;
	float: left;
	width: 80px;
}
aside#release article #news ul li p{
	display: inline-block;
	float: left;
	width: 280px;
}
aside#release article #news p.btn{
	padding: 20px 0 0;
	text-align: right;
}
aside#release article #recruit{
	display: block;
	float: right;
	width:420px;
}
aside#release article #recruit div{
	margin-bottom: 35px;
	padding: 20px 20px 140px;
	border: 1px solid #eee;
	border-radius: 5px;
	background: url('../images/top_recruit_img02.png') #fff no-repeat right bottom;
}
aside#release article #recruit p.btn{
	text-align: center;
}
aside#release article h2{
	margin: 0 0 20px;
	text-align: center;
}

/*ニュース一覧*/
main#contents article.box article ul.news-list{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
main#contents article.box article ul.news-list li{
	display: block;
	margin: 0 0 1em;
}
main#contents article.box article ul.news-list li span{
	display: inline-block;
	float: left;
	width: 110px;
}
main#contents article.box article ul.news-list li p{
	display: inline-block;
	float: left;
	width: 535px;
}