@charset "utf-8";
/*index*/
#index h1{
	display:none;
}
#index #news, #index #service, #index #work, #index #company{
	background-image:url(../images/common/red_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
	#news,#service,#work,#company,#link,#contact,#selection,#dan{
		padding:50px 0 50px;
		margin:0 auto;
		width:900px;
		clear:both;
	}
	
#index h2{
	margin-bottom:20px;
	clear:both;
}
#index #base{
	background-image:url(../images/index/title_bg_center.png);
	background-repeat:repeat-x;
	background-position:top;
}
#index #title{
	background-image:url(../images/index/title.gif);
	background-repeat:no-repeat;
	background-position:center 50px;
	height:420px;
	position:relative;
}

#index #title .left{
	float:left;
}
#index #title .right{
	float:right;
}
#index #title a#theme{
	width:338px;
	height:250px;
	display:block;
	float:right;
	position:relative;
	margin-top:135px;
}
#index #title .post{
	position:absolute;
bottom:50px;
}

/*news*/
#news h2{
	float:left;
}
#news #link_view{
	float:right;
}
#news .upper{
	margin-bottom:30px;
	clear:both;
}
#news .lower{
	clear:both;
}
#news .topic_frame{
	width:200px;
	display:block;
	float:left;
	margin-right:33px;
}
#news .topic_frameR{
	width:200px;
	display:block;
	float:left;
	margin:0 -3px 0 0;
}
#news .img_frame{
	width:180px;
	height:180px;
	padding:10px;
	background-image:url(../images/common/img_frame_bg.gif);
	margin-bottom:10px;
	display:block;
}
#news .date{
	font-size:12px;
	line-height:1.4em;
	margin-bottom:5px;
	color:#333;
}
#news .comment{
	font-size:12px;
	color:#E32D15;
	line-height:1.4em;
}
	/*mouseover*/
	#news .topic_frame_on{
	width:200px;
	display:block;
	float:left;
	margin-right:33px;
	}
	#news .topic_frameR_on{
	width:200px;
	display:block;
	float:left;
	margin:0 -3px 0 0;
	}
	#news .topic_frame_on .img_frame,
	#news .topic_frameR_on .img_frame{
	width:180px;
	height:180px;
	padding:10px;
	background-image:url(../images/common/img_frame_bg_red.gif);
	margin-bottom:10px;
	display:block;
	}
	#news .topic_frame_on .comment,
	#news .topic_frameR_on .comment{
	color:#fff;
	background-color:#E32D15;
	font-size:12px;
	line-height:1.4em;
	}
	
/*service*/
#service{
	clear:both;
}
#service h2 img:hover{
 cursor:pointer;
}
#service #service_list .contents{
	width:500px;
	height:300px;
	overflow:hidden;
	float:left;
	background-color:#efefef;
}
#service #service_list .menu{
	padding:24px 0 0 30px;
	width:370px;
	height:276px;
	background-image:url(../images/index/service_menu_bg.gif);
	float:right;
}
#service #service_list .menu li{
	list-style-type:none;
	display:block;
	width:341px;
	height:52px;
}
*:first-child+html #service #service_list .menu li{/*ie7*/
	margin-bottom:-2px;
}
* html #service #service_list .menu li{/*ie6*/
	margin-bottom:-2px;
}

#service .motion {
	padding:25px;
	width: 450px;
	display: none;
}
#motion_area1 {
	display: block;
}

#service #original{
	padding:30px;
	font-size:15px;
	line-height:1.8em;
	color:#fff;
	background-color:#E32D15;
height:240px;
}
#service #service_list h3{
	font-size:15px;
	font-weight:bold;
	color:#E32D15;
	float:left;
}
#service #service_list .motion a{
	font-size:12px;
	color:#FFF;
	padding:4px;
	background-color:#E32D15;
	display:block;
	margin-bottom:20px;
	float:right;
}
* html #service #service_list .motion a,
*:first-child+html #service #service_list .motion a{
	margin-bottom:-20px;
}
#service #service_list .motion a:hover{
		background-color:#999;
	}
#service #service_list h4{
	font-size:12px;
	line-height:1.6em;
	margin-top:15px;
	clear:both;
}
#service #service_list .body_text{
	font-size:12px;
	line-height:1.6em;
	clear:both;
}

/*work*/
#work #case_study{
	float:left;
	height:100px;
	width:445px;
	margin-bottom:20px;
}
#work #case_study a{
	border:10px solid #E32D15;
}
#work #work_list{
	float:right;
	height:100px;
	width:445px;
	margin-bottom:20px;
}
#work #work_list a{
	border:10px solid #E32D15;
}
#work #case_study a:hover,#work #work_list a:hover{
	border:10px solid #999;
}

#work h3{
	clear:both;
	display:block;
	margin-bottom:15px;
}
#work .upper{
	margin-bottom:30px;
	clear:both;
}
#work .lower{
	clear:both;
}
#work .topic_frame{
	width:180px;
	padding:10px;
	float:left;
	background-image:url(../images/common/img_frame_bg.gif);
	margin-right:33px;
}
#work .topic_frameR{
	width:180px;
	padding:10px;
	background-image:url(../images/common/img_frame_bg.gif);
	float:left;
}
#work .text_frame{
	padding:10px 10px 5px;
	height:6em;
	background-color:#FFF;
}
#work h4{
	font-size:12px;
	line-height:1.4em;
	color:#E32D15;
	margin-bottom:2px;
}
#work .comment{
	font-size:12px;
	color:#E32D15;
	line-height:1.4em;
}
#work .category{
	padding:0 10px 10px;
	background-color:#FFF;
	font-size:12px;
	color:#E32D15;
}
	/*mouseover*/
	#work .topic_frame_on{
	width:180px;
	padding:10px;
	float:left;
	background-image:url(../images/common/img_frame_bg_red.gif);
	margin-right:33px;
	}
	#work .topic_frameR_on{
	width:180px;
	padding:10px;
	background-image:url(../images/common/img_frame_bg_red.gif);
	float:left;
	}
	#work .topic_frame_on .text_frame,
	#work .topic_frameR_on .text_frame{
	background-color:#E32D15;
	}
	#work .topic_frame_on h4,
	#work .topic_frameR_on h4{
	font-size:12px;
	line-height:1.4em;
	color:#fff;
	margin-bottom:2px;
	}
	#work .topic_frame_on .comment,
	#work .topic_frameR_on .comment{
	font-size:12px;
	color:#fff;
	line-height:1.4em;
	}
	#work .topic_frame_on .category,
	#work .topic_frameR_on .category{
	padding:0 10px 10px;
	background-color:#E32D15;
	font-size:12px;
	color:#fff;
	}

/*company*/
#company #menu{
	margin-bottom:10px;
}
#company #menu .left{
	float:left;
	width:445px;
}
#company #menu .right{
	float:right;
}
#company #menu .left a{
	padding:10px;
	background-color:#E32D15;
}
#company #menu .right a{
	padding:10px;
	background-color:#E32D15;
	display:block;
}
#company #menu .right #member_btn,
#company #menu .right #recruit_btn{
	margin-bottom:10px;
}
#company #menu .left a:hover,
#company #menu .right a:hover{
	background-color:#999;
}
#company #access_outer{
	background-image:url(../images/common/img_frame_bg.gif);
	padding:10px;
	clear:both;
}
#company #access_inner{
	padding:20px;
	background-color:#FFF;
}
#company #access_inner .left{
	float:left;
	width:190px;
	height:335px;
}
#company #access_inner .left p{
	margin-top:1em;
	font-size:12px;
	line-height:1.4em;
}
#company #access_inner .left p a{
	padding-left:5px;
}
#company #access_inner .link_pdf{
	margin-top:40px;
}
#company #access_inner .link_pdf a{
	padding:10px;
	background-color:#E32D15;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}
#company #access_inner .link_pdf a:hover{
	background-color:#666;
}
#company #access_inner .right{
	float:right;
	width:640px;
}
#company #access_map{
	position:absolute;
	margin-top:-70px;
}

/*link*/
#link .lower{
	clear:both;
}
#link .topic_frame{
	width:200px;
	display:block;
	float:left;
	margin-right:33px;
}
#link .topic_frameR{
	width:200px;
	display:block;
	float:left;
	margin:0 -3px 0 0;
}
#link .img_frame{
	width:180px;
	height:180px;
	padding:10px;
	background-image:url(../images/common/img_frame_bg.gif);
	margin-bottom:10px;
	display:block;
}
#link .title{
	font-size:12px;
	line-height:1.4em;
	margin-bottom:5px;
	color:#333;
}
#link .comment{
	font-size:12px;
	color:#E32D15;
	line-height:1.4em;
}
	/*mouseover*/
	#link .topic_frame_on{
	width:200px;
	display:block;
	float:left;
	margin-right:33px;
	}
	#link .topic_frameR_on{
	width:200px;
	display:block;
	float:left;
		margin:0 -3px 0 0;
}
	#link .topic_frame_on .img_frame,
	#link .topic_frameR_on .img_frame{
	width:180px;
	height:180px;
	padding:10px;
	background-image:url(../images/common/img_frame_bg_red.gif);
	margin-bottom:10px;
	display:block;
	}
	#link .topic_frame_on .comment,
	#link .topic_frameR_on .comment{
	color:#fff;
	background-color:#E32D15;
	font-size:12px;
	line-height:1.4em;
	}


/*下層*/
/*common article*/
.article .mt-image-none{
	background-image:url(../images/common/img_frame_bg.gif);
	padding:10px;
	margin-bottom:10px;
 }
.article img{
	margin-bottom:10px;
}
/*common right side*/
#left_side{
	float:left;
	width:699px;
}
#right_side{
	float:right;
	width:201px;
}
#right_side .background{
	background-image:url(../images/common/img_frame_bg.gif);
	padding:4px 0;
}
#right_side .list1{
	padding:20px 0;
	background-color:#FFF;
	list-style-type:none;
}
#right_side .list2{
	margin-bottom:2px;
	padding:20px 0;
	background-color:#FFF;
	list-style-type:none;
}
#right_side .list3{
	padding-bottom:20px;
	background-color:#FFF;
	list-style-type:none;
}
#right_side .list4{
	margin-bottom:2px;
	padding-bottom:20px;
	background-color:#FFF;
	list-style-type:none;
}
#right_side h2{
	padding:20px 0 3px;
	background-color:#FFF;
	font-size:12px;
	color:#999;
	line-height:2em;
}
#right_side .background li a{
	font-size:12px;
	line-height:2em;
}
#right_side .banner{
	margin-top:20px;
}
#right_side .banner a{
	border:10px solid #E32D15;
}
#right_side .banner a:hover{
	border:10px solid #999;
}
#right_side a.current{
	background-image:url(../images/common/current_icon.gif);
	background-position:right 1px;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-right:16px;
}
#right_side .background a:hover{
	background-image:url(../images/common/current_icon_on.gif);
	background-position:right 1px;
	background-repeat:no-repeat;
	padding-right:16px;
}


/*news index*/
#news_index #news{
	padding:50px 0;
}
#news_index h1{
	margin-bottom:50px;
	clear:both;
}
#news_index .topic_frame,
#news_index .topic_frame_on{
	margin-bottom:30px;
}
/*news article*/
#news_article #news{
	padding:50px 0;
}
#news_article h1{
	padding-bottom:50px;
	clear:both;
}
#news_article #left_side{
	width:667px;
	background-image:url(../images/common/gray_line.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#news_article #left_side .topic{
	padding:20px 0 30px;
}
#news_article #left_side .photo_frame{
	background-image:url(../images/common/img_frame_bg.gif);
	padding:10px;
	margin-bottom:15px;
}
#news_article .date{
}
#news_article .comment{
	margin-bottom:20px;
	font-size:15px;
	font-weight:bold;
	color:#333;
}
#news_article .article p{
	font-size:12px;
	line-height:1.4em;
	margin-bottom:15px;
}

/*work index*/
#work_index #work{
	padding:50px 0;
}
#work_index h1{
	margin-bottom:50px;
	clear:both;
}
#work_index .topic_frame,
#work_index .topic_frame_on{
	margin-bottom:30px;
}

/*work article*/
#work_article #work{
	padding:50px 0;
}
#work_article h1{
	padding-bottom:50px;
	clear:both;
}
#work_article #left_side{
	width:667px;
	background-image:url(../images/common/gray_line.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#work_article #left_side .topic{
	padding:20px 0 30px;
}
#work_article #left_side .photo_frame{
	background-image:url(../images/common/img_frame_bg.gif);
	padding:10px;
	margin-bottom:15px;
}
#work_article .date{
	font-size:12px;
	line-height:1.4em;
	margin-bottom:5px;
	color:#333;
}
#work_article .comment{
	margin-bottom:20px;
	font-size:15px;
	font-weight:bold;
	color:#333;
}
#work_article .article p{
	font-size:12px;
	line-height:1.4em;
	margin-bottom:15px;
}

/*member*/
#member #company{
	padding:50px 0;
}
#member h1{
	margin-bottom:50px;
	clear:both;
}
#member #left_side{
	width:677px;
}
#member #message{
	margin-bottom:20px;
	padding:20px;
	background-color:#E32D15;
	color:#FFF;
}
#member #message h2{
	font-size:18px;
	font-weight:bold;
	line-height:1.4em;
}
#member #message p{
	font-size:12px;
	line-height:1.4em;
	margin-top:1em;
}
#member h3{
	font-size:12px;
	line-height:1.4em;
	margin-bottom:20px;
}
#member h3 span{
	color:#E32D15;
}
#member .staff{
	clear:both;
	padding-bottom:20px;
	margin-bottom:20px;
	background-image:url(../images/common/dots_red.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#member .staff .left{
	float:left;
	width:90px;
}
#member .staff .right{
	float:right;
	width:562px;
}
#member .staff .right h4{
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
}
#member .staff .right p{
	font-size:12px;
	line-height:1.4em;
	margin-top:0.75em;
}
#member #partner{
	border-top:2px solid #E32D15;
	margin-top:50px;
	padding-top:20px;
}

/*company data*/
#company_data #company{
	padding:50px 0 0;
}
#company_data h1{
	margin-bottom:50px;
	clear:both;
}
#company_data #left_side{
	width:667px;
	background-image:url(../images/common/gray_line.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-bottom:50px;
}
#company_data #left_side dl{
	padding-top:20px;
	font-size:12px;
	line-height:1.4em;
}
#company_data #left_side dt{
	float:left;
	width:90px;
	background-image:url(../images/common/dots_gray.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:10px 0;
	display:block;
	clear:both;
}
#company_data #left_side dd{
	float:right;
	width:567px;
	background-image:url(../images/common/dots_gray.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	padding:10px 0;
}

/*dan*/
#dan_article .topic_frame,
#dan_article .topic_frame_on{
	margin-bottom:30px;
}
#dan_article #left_side h2{
	float:left;
}
#dan_article #dan{
	padding:50px 0;
}
#dan_article h1{
	padding-bottom:50px;
	font-size:27px;
	color:#E32D15;
	clear:both;
}
#dan_article #left_side{
	width:667px;
	background-image:url(../images/common/gray_line.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#dan_article #left_side .topic{
	padding:20px 0 30px;
}
#dan_article #left_side .photo_frame{
	background-image:url(../images/common/img_frame_bg.gif);
	padding:10px;
	margin-bottom:15px;
}
#dan_article .date{
	font-size:12px;
	line-height:1.4em;
	margin-bottom:5px;
	color:#333;
}
#dan_article .comment{
	margin-bottom:20px;
	font-size:15px;
	font-weight:bold;
	color:#333;
}
#dan_article .article p{
	font-size:12px;
	line-height:1.4em;
	margin-bottom:15px;
}
#dan_article #right_side ul{
	padding:10px 0 20px;
	background-color:#FFF;
}
#dan_article #right_side ul li{
	color:#069;
	margin:8px 0 0;
	list-style-type:none;
}
#dan_article #right_side ul li a{
	color:#069;
	background-image:none;
	font-weight:normal;
	line-height:1.4em;
}
#dan_article #right_side ul li a:hover{
	color:#333;
	background-image:none;
	font-weight:normal;
	line-height:1.4em;
	padding:0;
}


/*contact*/
#contact_form #contact{
	padding:50px 0 0;
	height:auto;
}
#contact_form h1{
	padding-bottom:50px;
	clear:both;
}
#contact_form form{
}
#contact_form #form_area{
	width:899px;
	padding:20px 0 50px;
	background-image:url(../images/common/gray_line.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-size:12px;
	color:#000;
	line-height:1.4em;
	float:left;
	height:auto;
}
#contact_form #right_side{
	width:1px;
}
#contact_form #form_area p{
	margin-bottom:15px;
}
#contact_form #form_area .note{
	font-weight:bold;
}
#contact_form #form_area span{
	color:#E32D15;
}
#contact_form #form_area table{
	width:899px;
	background-image:url(../images/common/dots_gray.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#contact_form #form_area th{
	font-weight:bold;
	text-align:left;
	width:12em;
	padding:18px 0;
	vertical-align:top;
	background-image:url(../images/common/dots_gray.gif);
	background-position:top;
	background-repeat:repeat-x;
	white-space:nowrap;
}
#contact_form #form_area td{
	text-align:left;
	padding:15px 0;
	vertical-align:top;
	background-image:url(../images/common/dots_gray.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#contact_form #form_area td input{
	padding:3px;
}
#contact_form #form_area td label{
	margin-right:20px;
}
#contact_form #form_area td .text_box{
	height:120px; 
}
#contact_form #form_area .error{
	color:#E32D15;
	margin:5px 0 0;
}	
#contact_form #form_area .error_message{
	color:#E32D15;
	margin:5px 0 15px;
	font-weight:bold;
}	
#contact_form #form_area #button{
	padding:15px 0 0;
	clear:both;
}
#contact_form #form_area #button #confirm{
	padding:5px 10px;
	margin-right:20px;
	background-color:#E32D15;
	border:2px solid #E32D15;
	color:#FFF;
}
#contact_form #form_area #button #confirm:hover{
	border:2px solid #E32D15;
	color:#E32D15;
	background-color:#FFF;
}
#contact_form #form_area #button #reset{
	padding:5px 10px;
	margin-right:20px;
	background-color:#666;
	border:2px solid #666;
	color:#FFF;
}
#contact_form #form_area #button #reset:hover{
	border:2px solid #666;
	color:#666;
	background-color:#FFF;
}

/*thanks*/
#contact_form h2.thanks{
	font-size:16px;
 margin:30px 0 50px;
}
#contact_form p.message{
	font-size:12px;
	line-height:1.8em;
}