* {
	margin: 0px;
	padding: 0px;
	
}

/*----------------------------------------------------------------------
基本レイアウト
----------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	line-height:1.4;
	color: #666666;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	font-size: 100.01%;
	background-color: #ffffff;
	
	}

#wrapper {
	width:770px;
	background-color: #ffffff;
	text-align: center;
	border: 1px solid #999999;
	height: 502px;
	margin: 25px auto;
	
}

.clear {
	clear: both;
}

/*----------------------------------------------------------------------
トップナビ
----------------------------------------------------------------------*/
#top_navi {
	height: 19px;
	font-size: 70%;
	
}

.top_left {
	float: left;
	
}


.top_right {
	float: right;
	
}

p.name {
	padding: 2px 0px 1px 3px;

}

p.name a {
	text-decoration: none;
	color: #666666;

}

p.name a:hover {
	text-decoration: none;
	color: #999999;

}

p.map_con {
	float: left;
	padding: 2px 4px 1px 0px;

}

p.map_con a {
	text-decoration: none;
	color: #666666;

}

p.map_con a:hover {
	text-decoration: none;
	color: #999999;

}

/*----------------------------------------------------------------------
メインエリア（Flash画像の大きさによってpadding・height調節してください）
----------------------------------------------------------------------*/
#main_area {
	clear: both;
	border-top: 1px solid #999999;
	text-align: left;
	padding: 0px;
	height: 425px;
	z-index: 1;
	
}

h1 {
	text-indent: -9999px;
}

/*----------------------------------------------------------------------
フッター
----------------------------------------------------------------------*/

#footer {
	font-size: 55%;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 5px;
	color: #999999;
	letter-spacing: 0.05em;
	
}


/*
#footer {
	text-indent: -9999px;
	background: url(../images/footer.gif) 0 0 no-repeat;
	width: 284px;
	height: 10px;
	text-align: center;
	margin: 0 auto;

}
*/

/*----------------------------------------------------------------------
selection.html/project.html
----------------------------------------------------------------------*/

#photo_area {
	border-top: 1px solid #999999;
	height: 425px;
	overflow: auto;
/*	scrollbar-base-color: #999999;
	scrollbar-arrow-color: #ffffff; 
*/
}


hr {
	display: none;
	clear: both;
}

/*#photo_area .photo_detail{
	background: url(../images/title_top.gif);
	background-repeat: no-repeat;
	padding: 5px 0px -10px 30px ;
	margin: 10px 5px 0px 10px;
	font-size: 90%;
	clear: both;
	text-align: left;
	
}
*/

#p_top_navi {
	padding: 2px 0px;

}

#photo_area .p_logo{
	text-align: left;
	padding: 15px 0px 0px 20px;
	float: left;
	
}

#photo_area .p_l_img{
	text-align: left;
	
}

#photo_area .p_l_img img{
	padding: 40px 0px 0px 25px;
	
}

#photo_area .photo_detail2{
	padding: 12px 0px 12px 30px ;
	margin: 2px 5px 0px 30px;
	font-size: 80%;
	text-align: left;
	clear: both;
	
}


#photo_area .photo{
	text-align: left;
	padding: 9px 0px;
	margin: 13px 0px 5px 74px;
	
}

#photo_area .photo img {
	border: none;
	padding: 0px 11px 5px 15px;

}

.p_select_navi {
	padding: 8px 0px 0px 5px;
	margin: 0px;
	height: 16px;
	text-align: left;
}

.p_select_navi ul {
	list-style: none;
}

.p_select_navi ul li{
	float: left;
	padding: 0px 2px;
	display: block;
	text-indent: -9999px;
	
}

.p_select_navi ul li a:hover{
	display: block;
	position: relative;
	bottom: 1px;
	color: #999999;

}

.orikomi a{
	padding: 0px 1px;
	display: block;
	background: url(../images/button2.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 92px;
	overflow: hidden;
}

.poster a{
	padding: 0px 1px;
	display: block;
	background: url(../images/button1.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 92px;
	overflow: hidden;
}

.newspaper a{
	padding: 0px 1px;
	display: block;
	background: url(../images/button3.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 92px;
	overflow: hidden;
}

.logo a{
	padding: 0px 1px;
	display: block;
	background: url(../images/button4.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 92px;
	overflow: hidden;
}

.web a{
	padding: 0px 1px;
	display: block;
	background: url(../images/button5.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 92px;
	overflow: hidden;
}

.cm a{
	padding: 0px 1px;
	display: block;
	background: url(../images/button6.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 92px;
	overflow: hidden;
}

/*.p_select_navi ul li.this{
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

.select_navi ul li.this a{
	text-decoration: none;
	color: #4a77d2;
	display: block;

}

.p_select_navi ul li.this a:hover{
	text-decoration: none;
	color: #4a77d2;
	position: relative;
	bottom: 1px;

}


.p_select_navi ul li.this2{


}


.p_select_navi ul li.this2 a{
	text-decoration: none;
	color: #4a77d2;
	display: block;

}

.p_select_navi ul li.this2 a:hover{
	text-decoration: none;
	color: #4a77d2;
	position: relative;
	bottom: 1px;
}


.p_select_navi ul li.this3{
	border-left: 1px solid #999999;
}


.p_select_navi ul li.this3 a{
	text-decoration: none;
	color: #666666;
	display: block;

}

.p_select_navi ul li.this3 a:hover{
	text-decoration: none;
	color: #4a77d2;
	position: relative;
	bottom: 1px;

}

.p_select_navi ul li a{
	text-decoration: none;
	color: #666666;
	display: block;
}

.p_select_navi ul li a:hover{
	text-decoration: none;
	color: #4a77d2;
	position: relative;
	bottom: 1px;
}
*/

#photo_main {
	border-bottom: 1px dotted #CCCCCC;
	margin: 10px 5px 5px 5px;
	height: 285px;
	clear: both;
}

#photo_main .p_left {
	float: left;
	text-align: left;
	
}

#photo_main .p_right {
	padding: 10px 0 0 0;
	float: right;

}

#photo_main .pp_title {
	padding: 3px 0 2px 6px;
	margin: 25px 0 3px 20px;
	font-size: 75%;
	border: 1px solid #4a77d2;
	color: #4a77d2;
	width: 300px; 
	
}

#photo_main .pp_title span {
	font-size: 75%;
	
}


#photo_main .pp_m_text {
	padding: 5px 0 10px 23px;
	font-size: 70%;
	line-height: 165%;
	color: #4a77d2;
}

#photo_main .pp_detail {
	padding: 5px 0 18px 23px;
	font-size: 70%;
	line-height: 150%;
}


#cm_area {


}

#cm_area .cm_title {
	padding: 15px 0 0 36px;
	margin: 20px 0 3px 0;
	text-align: left;
	font-size: 80%;

}

#cm_area .cm_left {
	float: left;
	text-align: left;
	font-size: 70%;
	padding: 5px 25px 0 28px;
	margin: 0 35px 0 10px;
	height: 200px;
	line-height: 170%;

}

#cm_area .cm_right {
	text-align: left;
	font-size: 70%;
	padding: 5px 20px 0 0;
	line-height: 170%;

}

#cm_area .cm_right .bottom_r {
	text-align: right;
	padding: 0 41px 2px 0;

}

#cm_area .cm_right .bottom_r2 {
	text-align: right;
	padding: 0 30px 2px 0;

}

/*----------------------------------------------------------------------
greeting.html
----------------------------------------------------------------------*/

#greeting_area {
	border-top: 1px solid #999999;
	height: 425px;
	font-size: 100%;

}

/*#greeting_area .greeting_detail{
	background: url(../images/title_top.gif);
	background-repeat: no-repeat;
	padding: 5px 0px -10px 30px ;
	margin: 10px 5px 0px 10px;
	font-size: 90%;
	clear: both;
	text-align: left;
	
}
*/

#g_top_navi {
	padding: 2px 0px;

}

#greeting_area .g_logo{
	text-align: left;
	padding: 15px 0px 0px 20px;
	margin-right: 20px;
	float: left;
	
}


#greeting_area .greeting_left{
	margin: 10px 11px 120px 60px;
	padding: 5px 15px 10px 49px;
	float: left;
	clear: both;
	
}

#greeting_area .greeting_right{
	margin: 10px 47px 0px 20px;
	padding: 0px 50px 10px 20px;
	
}

#greeting_area .greeting_right .g_title{
	padding: 0px 0px 0 8px;
	text-align: left;
	
}


#greeting_area .greeting_right .g_title img{
	vertical-align: bottom;
	
}



#greeting_area .greeting_right .g_detail{
	text-indent: 10px;
	font-size: 70%;
	line-height: 175%;
	text-align: left;
	padding: 0px 15px 5px 10px;
	margin: 10px;
	letter-spacing: 0.03em;
	
}

#greeting_area .greeting_right .g_name{
	text-align: right;
	font-size: 85%;
	padding-right: 28px;
}


.select_navi {
	padding: 38px 0px 0px 6px;
	font-size: 75%;
	height: 30px;
}


.select_navi ul {
	list-style: none;
}


.select_navi ul li{
	float: left;
	border-right: 1px solid #999999;
	padding: 0px 9px;
	display: block;
}


.select_navi ul li.this{
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}


.select_navi ul li.this a{
	text-decoration: none;
	color: #4a77d2;
	display: block;

}

.select_navi ul li.this a:hover{
	text-decoration: none;
	color: #4a77d2;
	position: relative;
	bottom: 1px;

}

.select_navi ul li.this2{


}

.select_navi ul li.this2 a{
	text-decoration: none;
	color: #4a77d2;
	display: block;

}

.select_navi ul li.this2 a:hover{
	text-decoration: none;
	color: #4a77d2;
	position: relative;
	bottom: 1px;
}


.select_navi ul li.this3{
	border-left: 1px solid #999999;
}


.select_navi ul li.this3 a{
	text-decoration: none;
	color: #666666;
	display: block;

}

.select_navi ul li.this3 a:hover{
	text-decoration: none;
	color: #4a77d2;
	position: relative;
	bottom: 1px;

}

.select_navi ul li a{
	text-decoration: none;
	color: #666666;
	display: block;
}

.select_navi ul li a:hover{
	text-decoration: none;
	color: #4a77d2;
	position: relative;
	bottom: 1px;
}

/*----------------------------------------------------------------------
history.html
----------------------------------------------------------------------*/

#history_area {
	height: 425px;
	border-top: 1px solid #999999;
}

#h_top_navi {
	padding: 2px 0px;

}

#history_area .h_logo{
	text-align: left;
	padding: 15px 0px 0px 20px;
	margin-right: 20px;
	float: left;
	
}

#history_area .h_table{
	text-align: center;
	margin: 0 auto;
	clear: both;
	font-size: 75%;
	
}

#history_area .h_table td{
	text-align: left;
	padding: 11px;
	vertical-align: top;
	line-height: 160%;
		
}

/*----------------------------------------------------------------------
message.html
----------------------------------------------------------------------*/

#message_area {
	height: 425px;
	border-top: 1px solid #999999;
	font-size: 80%;
}

/*
#message_area .message_title {
	background: url(../images/title_top.gif);
	background-repeat: no-repeat;
	padding: 5px 0px -10px 30px ;
	margin: 10px 5px 0px 10px;
	font-size: 90%;

}
*/

#message_area .m_logo {
	text-align: left;
	padding: 15px 0px 0px 20px;
	float: left;

}

.m_title {
	text-align: left;
	padding: 38px 0px 0px 85px;
	margin-left: 13px;

}

#prev_next {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 550px;
	height: 50px;

}

#prev_next a {
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	padding: 7px 1px;
	width: 26px;
	height: 26px;

}

#prev_next ul {
	list-style: none;

}

#prev_next ul li {
	float: left;

}

.prev a {
	background-image: url(../images/prev1.gif);
	background-repeat: no-repeat;
	width: 26px;
}

.prev a:hover {
	background-image: url(../images/prev2.gif);
	background-repeat: no-repeat;
	width: 26px;
}


.next a {
	background-image: url(../images/next1.gif);
	background-repeat: no-repeat;
	width: 26px;
}

.next a:hover {
	background-image: url(../images/next2.gif);
	background-repeat: no-repeat;
	width: 26px;
}

.text {
	padding: 5px 5px 0px 5px;
	color: #4a77d2;
	
}

.n_text {
	padding: 5px 5px 0px 5px;
	
}

/*#message_area .prev_next {
	text-align: right;
	font-size: 90%;
	padding: 0px 25px 0px 0px;
	margin-right: 100px;
	clear: both;

}


#message_area .prev_next ul {
	list-style: none;

}

#message_area .prev_next ul a {

}

#message_area .prev_next li a {
	text-indent: -9999px;
	text-decoration: none;
}


#message_area .prev_next .next a {
	background-image: url(../images/next1.gif);
	background-repeat: no-repeat;
	height: 90px;
	padding: 10px 10px 10px 10px;

}
*/


/*#message_area .prev_next span {
	color: #4a77d2;
}

#message_area .prev_next a{
	text-decoration: none;
	color: #333333;

}

#message_area .prev_next a:hover{
	color: #999999;

}
*/

#message_area .m_left{
	float: left;
	padding: 0 25px 0px 25px;
	margin: 0px 0px 90px 25px;
	clear:both;
	z-index: 2;
	
}

#message_area .m_left .mm_title {
	padding: 0 0 20px 0;
	margin: 0;
	
}

/*
#message_area .m_left .mm_title span {
	color: #4a77d2;

}
*/

#message_area .m_right{
	padding: 0 10px;
	margin: 0;
	text-align: left;
	line-height: 180%;
	font-size: 90%;
	letter-spacing: 0.05em;
	
}


/*----------------------------------------------------------------------
recruit.html
----------------------------------------------------------------------*/

#recruit_area {
	height: 425px;
	border-top: 1px solid #999999;

}

/*#recruit_area .recruit_title {
	background: url(../images/title_top.gif);
	background-repeat: no-repeat;
	padding: 5px 0px -10px 30px ;
	margin: 10px 5px 0px 10px;
	font-size: 90%;

}
*/


#recruit_area .r_logo{
	text-align: left;
	padding: 15px 0px 0px 20px;
	margin-right: 20px;
	float: left;
	
}


#recruit_area .recruit_detail {
	text-align: center;
	font-size: 95%;
	margin-top: 100px;
	letter-spacing: 0.2em;

}

#recruit_area .recruit_detail span {
	color: #4a77d2;
}


#recruit_area .work {
	text-align: center;
	font-size: 90%;
	margin-top: 80px;
	letter-spacing: 0.2em;

}


/*----------------------------------------------------------------------
outline.html
----------------------------------------------------------------------*/

#outline_area {
	height: 425px;
	border-top: 1px solid #999999;

}

/*#outline_area .outline_title {
	background: url(../images/title_top.gif);
	background-repeat: no-repeat;
	padding: 5px 0px -10px 30px ;
	margin: 10px 5px 0px 10px;
	font-size: 90%;

}
*/

#o_top_navi {
	padding: 2px 0px;

}


#outline_area .o_logo{
	text-align: left;
	padding: 15px 0px 0px 20px;
	margin-right: 20px;
	float: left;
	
}


#outline_area .o_table{
	text-align: center;
	padding: 0px;
	margin: 0 auto;
	clear: both;
	font-size: 75%;
	
}


#outline_area .o_table td{
	text-align: left;
	padding: 3px 17px;
	vertical-align: top;
	line-height: 160%;
	
}


/*#outline_area .o_left {
	float: left;
	height: 350px;	
	padding: 10px 40px 0px 66px;
	margin-left: 60px;
	clear: both;

}


#outline_area .o_left .o_name {
	padding: 0px 8px 7px 50px;
	margin-left: 50px;
	text-align: left;
	font-size: 90%;

}

#outline_area .o_left .o_name2 {
	padding: 0px 10px 58px 50px;
	margin-left: 50px;
	text-align: left;
	font-size: 90%;

}

#outline_area .o_right {
	padding: 10px 60px 0px 0px;

}

#outline_area .o_right .o_detail {
	padding: 0px 8px 7px 60px;
	text-align: left;
	font-size: 90%;

}
*/

/*----------------------------------------------------------------------
business.html
----------------------------------------------------------------------*/

#business_area {
	height: 425px;
	border-top: 1px solid #999999;
	overflow: auto;
/*	scrollbar-base-color: #999999;
	scrollbar-arrow-color: #ffffff; 
*/
}

/*#business_area .business_title {
	background: url(../images/title_top.gif);
	background-repeat: no-repeat;
	padding: 5px 10px -10px 30px ;
	margin: 10px 5px 0px 10px;
	font-size: 90%;

}
*/

#b_top_navi {
	padding: 2px 0px;

}


#business_area .b_logo{
	text-align: left;
	padding: 15px 0px 0px 20px;
	margin-right: 20px;
	float: left;
	
}

#business_area .b_title {
	text-align: left;
}

#business_area .b_title img {
	padding: 55px 0px 25px 0px;
}

#business_area .bb_title {
	text-align: left;
	padding: 5px 0px 2px 95px;
}


#business_area .bb_detail {
	font-size: 75%;
	text-align: left;
	padding: 0px 0px 15px 122px;
	line-height: 160%;
}


/*----------------------------------------------------------------------
sitemap.html
----------------------------------------------------------------------*/

#sitemap_area {
	height: 425px;
	border-top: 1px solid #999999;

}


/*#sitemap_area .sitemap_title {
	background: url(../images/title_top.gif);
	background-repeat: no-repeat;
	padding: 5px 10px -10px 30px ;
	margin: 10px 5px 0px 10px;
	font-size: 90%;

}
*/

#sitemap_area .s_logo{
	text-align: left;
	padding: 15px 0px 0px 20px;
	margin-right: 20px;
	float: left;
	
}


#sitemap_area .s_left {
	float: left;
	height: 260px;
	padding: 70px 60px 0px 0px;
	margin-left: 3px;

}

#sitemap_area .s_left .s_title {
	font-size: 85%;
	text-align: left;
	padding: 10px 0px 1px 0;

}

#sitemap_area .s_left .s_detail {
	font-size: 75%;
	text-align: left;
	padding: 3px 0px 3px 110px;

}

#sitemap_area .s_detail a{
	color: #666666;
	text-decoration: none;


}

#sitemap_area .s_detail a:hover{
	color: #999999;
	text-decoration: underline;

}


#sitemap_area .s_right {
	padding: 70px 0px 0px 30px;
	text-align: left;

}

#sitemap_area .s_right .s_title {
	font-size: 85%;
	text-align: left;
	padding: 10px 0px 1px 0;

}

#sitemap_area .s_right .s_detail2 {
	font-size: 75%;
	padding: 3px 0;

}


#sitemap_area .s_detail2 a{
	color: #666666;
	text-decoration: none;
	padding-left: 90px;


}

#sitemap_area .s_detail2 a:hover{
	color: #999999;
	text-decoration: underline;

}

#sitemap_area .s_right .s_detail3 {
	font-size: 75%;
	padding: 10px 0 3px 0;

}


#sitemap_area .s_detail3 a{
	color: #666666;
	text-decoration: none;
	padding-left: 90px;


}

#sitemap_area .s_detail3 a:hover{
	color: #999999;
	text-decoration: underline;

}









/*----------------------------------------------------------------------
access.html
----------------------------------------------------------------------*/
#access_area {
	height: 425px;
	border-top: 1px solid #999999;

}

/*.access_title {
	background: url(../images/title_top.gif);
	background-repeat: no-repeat;
	padding: 5px 10px -10px 30px ;
	margin: 10px 5px 0px 10px;
	font-size: 90%;

}
*/


#m_top_navi {
	padding: 2px 0px;

}


.m_logo{
	text-align: left;
	padding: 15px 0px 0px 20px;
	margin-right: 20px;
	float: left;
	
}


.map_area {
	clear: both; 

}



/*----------------------------------------------------------------------
wallpaper.html
----------------------------------------------------------------------*/
#wallpaper_area {
	height: 425px;
	border-top: 1px solid #999999;
	overflow: auto;

}

.w_logo{
	text-align: left;
	padding: 15px 0px 8px 20px;
	margin-right: 20px;
	float: left;
	
}

.w_title {
	text-align: left;
	padding: 30px 0px 0px 0px;

}

.w_top_image {
	clear: both;
	text-align: left;
	padding: 3px 0 9px 30px;

}

.w_txt {
	float: left;
	width: 350px;
	font-size: 80%;
	text-align: left;
	padding: 10px 0 0 25px;
	line-height: 190%;

}

.w_txt img {
	padding-bottom: 7px;

}


.w_image {
	padding-bottom: 0px;

}

.w_l_box {
	float: left;
	width: 330px;
	margin-left: 10px;

}

.w_r_box {
	float: right;
	width: 330px;
	margin-right: 60px;

}

.w_p_image {

}

.w_p_image img {
	border: 1px solid #dddddd;
	padding: 1px;


}

.w_p_size {
	padding: 1px 0 15px 0;
	font-size: 80%;
	line-height: 150%;

}

.w_p_size a {
	text-decoration: underline;
	color: #4a77d2;

}

.w_p_size a:hover {
	text-decoration: none;
	color: #4a77d2;

}


.howto_top_title {
	clear: both;
	text-align: left;
	padding: 0 0 5px 25px;

}


.howto_title {
	text-align: left;
	font-size: 75%;
	font-weight: bold;
	padding: 0 0 0px 25px;
}


.howto_txt {
	text-align: left;
	font-size: 70%;
	padding: 0 0 5px 25px;
	line-height: 155%;
}