@charset "UTF-8";
/*--------------------------------------------------------------------------------
CSS information
 file name  :  template_top.css
 style info :  トップページのメインコンテンツ設定 
 --------------------------------------------------------------------------------*/

/*--- import */
@import url("reset.css");
@import url("tmpl-style.css");

/*----------------------------------------
 top image Navi
------------------------------*/
#topimg {
	margin: 0;
	padding:5px 0 10px;
	width: 740px;
}
#topimg .top{
	height: 231px;
	width: 740px;
}
/*----------------------------
 top image Navi
------------------------------------------*/


/*----------------------------------------
 model Navi
------------------------------*/
h2.model_title{
	height: 30px;
	float: left;
	width: 270px;
}
h2.model_title img{
	vertical-align:bottom;
}

p.model_caption{
	background: url(../images/top/bar_model_r.gif) 0 0 no-repeat;
	display:block;
	height: 22px;
	width: 460px;
	text-align:right;
	padding:8px 10px 0 0;
	font-size: 120%;
	color: #666;
	letter-spacing:0.1em;
	float: right;
}
ul.model_navi{
	display:block;
	width:740px;
	height:85px;
	background: url(../images/template/shadow01.gif) 0 bottom repeat-x;
	padding:0 0 10px;
	clear:both;
}
ul.model_navi img{
	margin-top:-1px;
}
ul.model_navi li{
	display:block;
	float:left;
	width:244px;
	height:75px;
	margin:0 4px 0 0;
	overflow:hidden;/*DW*/
}
ul.model_navi li.taishin{
	margin:0;
}

/*----------------------------------------
 contents > main
------------------------------*/
#main {
	float: left;
	width: 740px;
	margin-top: 15px;
}

/*----------------------------------------
 main > leftarea
------------------------------*/
#leftarea {
	float: left;
	width: 440px;
}
#leftarea .title01 {
	height: 20px;
	width: 410px;
	border-bottom: 1px solid #666;
	padding:0 3px 0 2px;
	line-height: 16px;
	font-size: 110;
	color: #666;
	text-align:right;
	clear:both;
}
#leftarea .title01 a {
	color: #666;
}
#leftarea .title01 a:hover {
	color: #999;
}
#leftarea .title_t {
	float: left;
}
#leftarea div.title01 span.worksdata{
	text-indent:10px;
	text-align:left;
	font-size:120%;
	color:#c00;
}

/*----------------------------------------
 campaign
------------------------------*/
.clearboth {
	clear:both;
	margin:0px;
	padding:0px;
	display: none;
	height: 1px;
	width: 1px;
}
#leftarea div#campaign {
	text-align: center;
	width: 416px;
	margin-bottom: 40px;
}
#leftarea div#campaign p{
	margin-bottom:10px;
}
#leftarea div#campaign p#newyear{
	margin-bottom:12px;
}


/*-------------------------------------
 new works
------------------------------*/

#leftarea .new01 {
	float:left;
	margin:0 0 0 10px;
}
#leftarea .box01 {
	width: 404px;
	border: 1px solid #999;
	margin:10px 0 20px;
	padding:9px 0 0 9px;
	overflow:hidden;
}

#leftarea .box01 a {
	color: #333;
}
#leftarea .box01 a:link {
	color: #333;
}
#leftarea .box01 a:hover {
	text-decoration: underline;
}
#leftarea .box02 {
	height: 130px;
	width: 404px;
	border: 1px solid #999;
	margin:10px 0 20px;
	padding:9px 0 0 9px;
}
#leftarea .box02 a {
	color: #333;
	text-decoration: none;
}
#leftarea .box02 a:link {
	color: #333;
	text-decoration: none;
}
#leftarea .box02 a:hover {
	text-decoration: underline;
}

#leftarea .list01 {
	width: 120px;
	padding:0;
	float: left;
	margin:0 17px 0 0;
}
#leftarea .list02 {
	width: 120px;
	margin:0;
	padding:0;
	float: left;
}
#leftarea .list03 {
	height: 110px;
	width: 120px;
	padding:0;
	float: left;
	margin:0 17px 0 0;
}
#leftarea .list04 {
	width: 120px;
	margin:0;
	padding:0;
	float: left;
	height: 110px;
}


#leftarea .photo01 {
	margin:0;
	padding:0;
	width: 120px;
}
#leftarea .photo02 {
	width: 118px;
	height:90px;
	border:1px solid #ccc;
}
#leftarea .head01 {
	background-color: #99CC33;
	height: 18px;
	margin:0;
	padding-top: 2px;
	padding-right:0;
	padding-bottom:0;
	padding-left: 7px;
}
#leftarea .name01 strong {
	font-size:11px;
	font-weight:400;
	color:#666;
}
#leftarea p.name01 a,
#leftarea p.name02 a {
	display:block;
	color:#666;
}
#leftarea p.name01 a:link,
#leftarea p.name02 a:link {
	color:#666;
}
#leftarea .name01 {
	width: 120px;
	height: 32px;
	text-align:right;
	line-height: 1.2;
	padding:3px 0 0;
	font-size:10px;
}
#leftarea .name02 {
	background-color: #d9e4da;
	margin: 0;
	width: 120px;
	height: 32px;
	text-align: center;
	line-height: 1.2;
	padding-top: 3px;
	font-size:13px;
}


/*-------------------------------------
 what's new
------------------------------*/
#leftarea div#box03 {
	font-size:120%;
	width: 406px;
	margin:10px 0 0;
	padding:0 0 10px 8px;
}
#leftarea div#box03 *{
	color:#666;
}
#leftarea div#box03 a ,#leftarea div#box03 a:link {
	color: #039;
	text-decoration: none;
}
#leftarea div#box03 a:hover {
	color: #039;
	text-decoration: underline;
}
#leftarea div#box03 dt{
	float:left;
	width:6em;
}

#leftarea div#box03 dd{
	margin:0 0 1.2em 6em;
}

#leftarea .data {
	padding: 0;
	float: left;
	margin:0 9px 3px 0;
	color: #666;
	line-height:1.4;
	width:60px;
}
#leftarea .p01 {
	padding:0;
	margin:0 7px 3px 0;
	color: #666;
	line-height: 1.4;
}
#leftarea .clear01 {
	margin:0;
	padding:0;
	clear: both;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
}


/*-------------------------------------
 rightarea
------------------------------*/
div#rightarea {
	margin: 0;
	padding: 0 0 10px;
	float: right;
	width: 300px;
}
/*----------------------------------------
 rightarea Map
----------*/
div#work {
	margin:0;
	padding:0;
	display: block;
}
div#work h2 ,
div#company h2 {
	display:inline;
}

div#work .map01 {
	background-image: url(../images/top/map/map01.gif);
	background-repeat: no-repeat;
	height: 159px;
	width: 300px;
	padding-top: 32px;
}
#company {
	margin:0;
	padding:0;
	display: none;
}
#company .map01 {
	background-image: url(../images/top/map/map02.gif);
	background-repeat: no-repeat;
	height: 159px;
	width: 300px;
	padding-top: 32px;
}
#rightarea .knt {
	text-align: right;
	margin-right: 15px;
}
#rightarea .chb {
	text-align: right;
	margin-top: -1px;
	margin-right: 77px;
}
#rightarea .knk {
	margin-top: 4px;
	margin-left: 120px;
}
#rightarea .chgk {
	margin-top: -21px;
	margin-left: 50px;
}
#rightarea .shkk {
	margin-top: 26px;
	margin-left: 75px;
}
#rightarea .kysy {
	margin-top: 12px;
	margin-left: 31px;
}
#rightarea .title01 {
	height: 20px;
	width: 298px;
	border-bottom: 1px solid #666;
	line-height: 16px;
	font-size: 110%;
	color: #666;
	clear: both;
	padding:0 0 0 2px;
	margin:20px 0 10px;
}
#rightarea .img01 {
	margin-bottom: 22px;
}
/*----------------------------------------
 contentsList
----------*/
#rightarea ul.contentsList{
	text-align:right;
}

#rightarea ul.contentsList li{
	margin:0 0 10px;
}

#rightarea ul.contentsList2{
	text-align:right;
}

#rightarea ul.contentsList2 li{
	padding:10px 0;
}
/*---------------------------------
 bnrLINK setting
*/
#btmarea ul#linkarea{
	display:block;
	height:34px;
	width:718px;
	border:1px solid #CCC;
	padding:10px;
	margin:0;
}

#btmarea ul#linkarea{
	list-style-type: none;
	height: 34px;
	clear: both;
	margin: 10px 0;
}
#btmarea ul#linkarea li{
	float: left;
}
#btmarea ul#linkarea a{
	text-decoration:none;
	display:block;
	margin:0;
	padding:0 0 0 20px;
}
#btmarea ul#linkarea li.takara a{
	padding:0;
}
#btmarea ul#linkarea li.tostem a{
	margin-top:1px;
}
#btmarea ul#linkarea li.sekisui a{
	margin-top:7px;
}
/* bnrLink end */