@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------
	This style definition is initiarize.
------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video,input,select,option {
	margin: 0;padding: 0; font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:3px;
	line-height:150%;
	color: #656565;
	}

html,body{
	height:100%;
}
body {
	line-height:150%;
	font-size:13px;
	margin:0 auto;
	background:#FFF;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

address , caption , cite , code , dfn , em , strong , th , var {
	font-style: normal;
	font-weight: normal;
}

ol , ul , li {
	list-style: none;
}

caption , th {
	text-align: left;
}

h1 , h2 , h3 , h4 , h5 , h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before , q:after {
	content: '';
}

abbr , acronym {
	border: 0;
}

textarea {
	font-size: 75%;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 120%;
}

a{
	text-decoration:none;
    border:0px;
	margin:0;
	padding:0;
	color:#48b6ea;
}
a:hover{
	color:#F07917;
}
a img{
	margin:0;
	padding:0;
	border:none;
}
a img:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}

/*==========================================================================================================
												common
===========================================================================================================*/

.content{
	width:1000px;
	max-width:96%;
	margin:0 auto;
}
.content h2{
	color:#3b95cb;
	font-size:30px;
	border-bottom:1px solid #3b95cb;
	text-align:center;
	width:300px;
	margin:0 auto;
	margin-bottom:40px;
}

/*==========================================================================================================
												header
===========================================================================================================*/

header{
	width:100%;
	height:100%;
	background:url(../images/bg/header_bg.jpg) top center no-repeat;
	background-size:auto 100%;
	text-align:center;
}
header img{
	width:600px;
	margin-top:15%;
	margin-bottom:30px;
}
header h1{
	font-size:26px;
	letter-spacing:2px;
}
@media screen and (max-width: 768px) {
header{
	background-size:130% 100%;
}
header img{
	width:90%;
	margin-top:40%;
	margin-bottom:30px;
}
header h1{
	font-size:15px;
}
}


footer{
	background:#fff;
	padding:40px 0;
	text-align:center;
}


/*==========================================================================================================
												rinen
===========================================================================================================*/

#rinenSec{
	width:100%;
	background:url(../images/bg/rinen_bg.png);
	text-align:center;
	padding:50px 0;
}
#rinenSec img{
	margin-bottom:20px;
}
#rinenSec p{
	font-size:30px;
}
#rinenSec aside p{
	font-size:12px;
	line-height:250%;
	margin-top:30px;
}
#rinenSec p strong{
	color:#3b95cb;
	font-size:50px;
}


@media screen and (max-width: 768px) {
#rinenSec{
	padding:20px 0;
}
#rinenSec img{
	width:96%;
}
#rinenSec p{
	font-size:20px;
}
#rinenSec aside p{
	font-size:12px;
	line-height:200%;
	margin-top:20px;
}
#rinenSec p strong{
	color:#3b95cb;
	font-size:30px;
}
}

/*==========================================================================================================
												news
===========================================================================================================*/

#newsSec{
	width:100%;
	background:url(../images/bg/news_bg.jpg) top center no-repeat;
	text-align:center;
	padding:50px 0;
}
#newsCon{
	width:980px;
	padding:5px 10px;
	background:#fff;
	text-align:left;
}
#newsCon ul li{
	display:inline-block;
}
#newsCat{
	width:130px;
	background:#606060;
	padding:3px 0;
	text-align:center;
	color:#fff;
	border:1px solid #609ABD;
}
#newsDisp{
	width:96%;
	border:1px dotted #999999;
	padding:2%;
	margin-top:5px;
}


@media screen and (max-width: 768px) {

#newsSec{
	padding:20px 0;
}
#newsCon{
	width:96%;
	padding:5px 2%;
	text-align:left;
}

}




/*==========================================================================================================
												companySec
===========================================================================================================*/

#companySec{
	width:100%;
	background:url(../images/bg/corp_bg.jpg) top center no-repeat;
	text-align:center;
	padding:50px 0;
}

#companySec p{
	font-size:17px;
	float:left;
}
#companySec table{
	font-size:17px;
	float:left;
	background:url(../images/white_bg.png);
	width:350px;
	margin:100px 0 0 70px;
}
#companySec table td{
	padding:10px 0;
}

@media screen and (max-width: 768px) {

#companySec{
	padding:20px 0;
}
#companySec table{
	width:100%;
	margin:40px 0 0 0;
}
}



/*==========================================================================================================
												worksSec
===========================================================================================================*/

#worksSec{
	width:100%;
	background:url(../images/bg/work_bg.jpg) top center no-repeat;
	text-align:center;
	padding:50px 0;
}

#workCon{
	width:300px;
	text-align:left;
	float:left;
	margin-left:30px;
}
#workTitle{
	background:url(../images/workIcon.png) left no-repeat;
	max-width:100%;
	padding-left:40px;
	margin-bottom:10px;
}
#workTitle h3{
	font-size:15px;
	color:#000;
}
#workContent{
	max-width:100%;
	padding:10px;
	height:251px;
	background:url(../images/workCon_bg.jpg);
}
#workContent p{
	margin:10px 0;
}
#workCon img{
	width:100%;
}
@media screen and (max-width: 768px) {

#worksSec{
	padding:20px 0;
	background:url(../images/bg/work_bg.jpg) bottom center no-repeat;
}
#workCon{
	width:100%;
	text-align:left;
	margin:0 auto;
	margin-bottom:20px;
}


}