@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}

img { vertical-align:bottom }

body{font-size:0.8em; line-height:1.4em; font-family:/*"メイリオ",Meiryo,*/"MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;}
/* IE6 */
* html body{font-size:80%;}
/* IE7 */
*:first-child+html body{font-size:80%;}
/* フォントサイズ設定サンプル */
.small {font-size:0.7em; line-height:165%; margin-bottom:1em;}
.medium{font-size:0.8em; line-height:165%; margin-bottom:1em;}
.large {font-size:1.0em; line-height:165%; margin-bottom:1em;}
.big   {font-size:1.2em; line-height:165%; margin-bottom:1em;}
.huge  {font-size:1.3em; line-height:165%; margin-bottom:1em;}


a:link{color:#00a2e2; text-decoration: none;}
a:visited{color:#00a2e2; text-decoration: none;}
a:hover{color:#00a2e2; text-decoration: none;}
a:active{color:#00a2e2; text-decoration: none;}
a:link.stay{color:#444444; text-decoration: none;}
a:visited.stay{color:#444444; text-decoration: none;}
a:hover.stay{color:#444444; text-decoration: none;}
a:active.stay{color:#00a2e2; text-decoration: none;}

#local_navi a:link{color:#444444; text-decoration: none;}
#local_navi a:visited{color:#444444; text-decoration: none;}
#local_navi a:hover{color:#00a2e2; text-decoration: none;}
#local_navi a:active{color:#444444; text-decoration: none;}
#local_navi a:link.stay{color:#00a2e2; text-decoration: none;}
#local_navi a:visited.stay{color:#00a2e2; text-decoration: none;}
#local_navi a:hover.stay{color:#00a2e2; text-decoration: none;}
#local_navi a:active.stay{color:#00a2e2; text-decoration: none;}

.about_right a:link{color:#444444; text-decoration: none;}
.about_right a:visited{color:#444444; text-decoration: none;}
.about_right a:hover{color:#00a2e2; text-decoration: none;}
.about_right a:active{color:#444444; text-decoration: none;}
.about_right a:link.stay{color:#00a2e2; text-decoration: none;}
.about_right a:visited.stay{color:#00a2e2; text-decoration: none;}
.about_right a:hover.stay{color:#00a2e2; text-decoration: none;}
.about_right a:active.stay{color:#00a2e2; text-decoration: none;}

.topics_right a:link{color:#444444; text-decoration: none;}
.topics_right a:visited{color:#444444; text-decoration: none;}
.topics_right a:hover{color:#00a2e2; text-decoration: none;}
.topics_right a:active{color:#444444; text-decoration: none;}
.topics_right a:link.stay{color:#00a2e2; text-decoration: none;}
.topics_right a:visited.stay{color:#00a2e2; text-decoration: none;}
.topics_right a:hover.stay{color:#00a2e2; text-decoration: none;}
.topics_right a:active.stay{color:#00a2e2; text-decoration: none;}

.topics_txt a:link{color:#00a2e2; text-decoration: none;}
.topics_txt a:visited{color:#00a2e2; text-decoration: none;}
.topics_txt a:hover{color:#00a2e2; text-decoration: none;}
.topics_txt a:active{color:#00a2e2; text-decoration: none;}
.topics_txt a:link.stay{color:#444444; text-decoration: none;}
.topics_txt a:visited.stay{color:#444444; text-decoration: none;}
.topics_txt a:hover.stay{color:#444444; text-decoration: none;}
.topics_txt a:active.stay{color:#00a2e2; text-decoration: none;}

#sub_local_navi a:link{color:#444444; text-decoration: none;}
#sub_local_navi a:visited{color:#444444; text-decoration: none;}
#sub_local_navi a:hover{color:#00a2e2; text-decoration: none;}
#sub_local_navi a:active{color:#444444; text-decoration: none;}
#sub_local_navi a:link.stay{color:#00a2e2; text-decoration: none;}
#sub_local_navi a:visited.stay{color:#00a2e2; text-decoration: none;}
#sub_local_navi a:hover.stay{color:#00a2e2; text-decoration: none;}
#sub_local_navi a:active.stay{color:#00a2e2; text-decoration: none;}

.detail_backtop a:link{color:#00a2e2; text-decoration: none;}
.detail_backtop a:visited{color:#00a2e2; text-decoration: none;}
.detail_backtop a:hover{color:#00a2e2; text-decoration: none;}
.detail_backtop a:active{color:#00a2e2; text-decoration: none;}




img { padding: 0px; margin: 0px; border: none; }

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

 
ul{list-style:none;}







/* 共通 */

body {
	background: #ffffff;
	color: #313131;
	width: 100%;
}

#wrapper {
	position: relative;
	width: 950px;
	text-align: center;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
}

#headerarea {
	height: 97px;
	border-bottom: 1px solid #b2b2b2;
}
.logo {
	float: left;
	padding: 49px 0px 0px 10px;
}
#headerarea .headernaviarea {
	float: right;
	padding: 68px 10px 0px 0px;
}



#local_navi {
	clear: both;
	background: url(../../images/line_dot.gif) no-repeat bottom left;
	text-align: right;
	padding: 10px 10px 10px 0px;
}

#local_navi_works {
	float: right;
	text-align: right;
	padding: 52px 10px 10px 0px;
}





#pagetitle {
	clear: both;
	height: 61px;
	padding: 52px 0px 0px 10px;
}
#pagetitle_type2 {
	height: 61px;
	padding: 15px 0px 0px 10px;
}
#pagetitle_works {
	float: left;
	height: 61px;
	padding: 15px 0px 0px 10px;
	}

#pagetitle_type2 .categorytitle {
	padding: 0px 0px 0px 0px;
}



#contents {
	margin: 0px 10px 0px 10px;
}
#contents div {
	font-size:1.0em;
}
#contents .sub_ti {
	margin: 0px 0px 45px 0px;
}

#contents p {
	margin: 0px 0px 15px 0px;
}




#contents .toptxt {
	margin: 50px 0px 200px 0px;
}






/* TOP */
#contents .top_left {
	float: left;
	width: 620px;
	padding: 75px 0px 0px 0px;
}
#contents .top_right {
	float: right;
	width: 290px;
	text-align: left;
	padding: 75px 0px 0px 0px;
/* 	padding: 145px 0px 0px 0px; */
}
#contents .top_txt {
	padding: 0px 0px 30px 0px;
}

/* News */
#contents .news_list {
	width: 290px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px 0px;
	background: url(../../images/line_dot.gif) no-repeat bottom left;
}

#contents .news_ti {
	width: 290px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	background: url(../../images/line_dot.gif) no-repeat bottom left;
}

/* banner */

#contents p.last {
	margin-bottom: 0;
}

#contents ul#banner {
	margin-top: 60px;
}

#contents ul#banner li {
	float: left;
	width: 302px;
	margin-right: 12px;
}

#contents ul#banner li.last {
	margin-right: 0;
}

#contents ul#banner li a:link img{border:none;}
#contents ul#banner li a:visited img{border:none;}
#contents ul#banner li a:hover img{
	border:none;
	filter:alpha(opacity=60); /*IE*/
	-moz-opacity:0.6; /*FF*/
	opacity:0.6;
}






/* About us */
#contents .column2_bg {
	height: 100%;
	background: url(../../about/images/2column_bg.gif) repeat-y top left;
}

#contents .about_left {
	float: left;
	width: 689px;
	margin: 0px 41px 0px 0px;
}
#contents .about_right {
	float: right;
	width: 200px;
}




/* About us  Backbone */
#contents .about_backbone_left2 {
	float: left;
	width: 390px;
	margin: 0px 0px 95px 0px;
}
#contents .about_backbone_right2 {
	float: right;
	width: 540px;
	margin: 0px 0px 95px 0px;
	text-align: right;
}


#contents .about_backbone_left {
	float: left;
	width: 390px;
	margin: 0px 0px 40px 0px;
}
#contents .about_backbone_right {
	float: right;
	width: 540px;
	margin: 0px 0px 40px 0px;
}
#contents .sub_ti2 {
	margin: 0px 0px 85px 0px;
}

#contents #backbone p {
	line-height: 1.9;
	letter-spacing: 0.05em;
	width: 760px;
	margin-bottom: 25px;
}

#contents #backbone p.last {
	margin-bottom: 60px;
}

#contents #backbone h3 {
	margin-bottom: 31px;
}





/* About us  Our Service */
#contents .servicelist {
	margin: 0px 0px 20px 0px;
}
#contents .servicelist p {
	margin: 0px 0px 3px 0px;
}




/* About us  Members */
#contents .about_members {
}

#contents .member_photo {
	float: left;
	width: 100px;
}
#contents .member_name {
	float: right;
	width: 589px;
}

#contents .name_J {
	font-size: 1.4em;
    font-weight: bold;
}
#contents .name_E {
	font-size: 0.8em;
    font-weight: bold;
}

#contents .members_list {
	padding: 10px 0px 0px 0px;
}
#contents .members_name {
	float: left;
}
#contents .members_txt {
	width: 575px;
	float: right;
}

#contents .members_list2 {
}

#contents .members_detail {
	width: 900px;
	margin: 10px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #b2b2b2;
}
#contents .members_detail_last {
	width: 900px;
	margin: 10px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #b2b2b2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b2b2b2;
}
#contents .members_detail .photo_area, #contents .members_detail_last .photo_area {
	width: 650px;
	float: left;
}
#contents .members_detail .txt_area, #contents .members_detail_last .txt_area {
	width: 250px;
	float: right;
}

#contents .members_detail .photo, #contents .members_detail_last .photo {
	float: left;
	text-align: left;
	padding: 0px 10px 0px 0px;
}

.about_right a {
	padding: 0px 0px 0px 15px;
	background: url(../../works/images/point_close.gif) no-repeat 0px 3px;
}
.members_txt a.link_point {
	padding: 0px 0px 0px 15px;
	background: url(../../works/images/point_close.gif) no-repeat 0px 3px;
}



/* About us  Our Domain */
#contents .about_domain_left {
	float: left;
	width: 380px;
}
#contents .about_domain_right {
	float: right;
	width: 550px;
	text-align: right;
}



/* About us  Profile */
#contents .profile_name {
	float: left;
}
#contents .profile_txt {
	width: 830px;
	float: right;
}




/* Access */
#contents .contact_left {
	float: left;
}

#contents .contact_right {
	float: right;
}
#contents .contact_right .photo_left {
	padding: 0px 10px 0px 0px;
}
#contents .contact_right .txt_Googlemap {
	text-align: right;
}




/* Works Category */
#contents .works_left {
	float: left;
	width: 716px;
}
#contents .works_right {
	float: right;
	width: 200px;
}

#sub_local_navi li{padding: 0px 0px 10px 0px;}



#contents .image_frame {
	float: left;
	text-align: left;
	width: 154px;
	height: 154px;
	padding: 0px 25px 25px 0px;
}
#contents .image_frame a:link img{border:1px solid #ffffff;}
#contents .image_frame a:visited img{border:1px solid #ffffff;}
#contents .image_frame a:hover img{border:1px solid #00a2e2;}



/* Works Concept */
.ex_border {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B1B2B1;
}

.cncept_box a:link{color:#313131; text-decoration: none;}
.cncept_box a:visited{color:#313131; text-decoration: none;}
.cncept_box a:hover{color:#313131; text-decoration: none;}
.cncept_box a:active{color:#313131; text-decoration: none;}

.cncept_box {
	padding: 20px 0px 20px 0px;
	background: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B1B2B1;
	cursor: pointer;
}

.cncept_box:hover {
display: block;
background: #f9f9f9;
}

#contents .cncept_box table {
	width:930px;
}

#contents .cncept_box table .thumb img {
	margin: 0 32px 0 0;
}

#contents .cncept_box table .title{
	width: 479px;
	color: #313131;
	line-height: 220%;
	padding-right: 32px;
}

#contents .cncept_box table .name {
	font-size: 1.0em;
	color: #313131;
	line-height: 140%;
}

#contents .cncept_box table .category {
	width: 162px;
	font-size: 0.8em;
	color: #666666;
	line-height: 150%;
	padding-right: 32px;
}

#contents .cncept_box table .type {
	margin-bottom: 6px;
}

#contents .cncept_box table .arrow {
	width: 11px;
	padding-right: 6px;
}

#contents .cncept_box h3 {
	font-size: 1.8em;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #313131;
	margin-bottom: 7px;
}

#contents .cncept_box table p {
	margin-bottom: 0;
}








.detail_same {

	font-size:1.0em; line-height:165%; margin-bottom:5px;
	padding: 0px 0px 0px 15px;
}

/* Works detail format */
#contents #title {
	padding: 28px 0px 10px 0px;
}
#contents #title .keyword {
	float: left;
}

#contents #title .keyword h3{
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 12px;
}

#contents #title .keyword_sub {
}

#contents #title .specinfo {
	float: right;
	padding-top: 5px;
	text-align: right;
	font-size:0.8em; line-height:165%;
}

.detail_backtop_head {
	text-align: right;
	font-size: 1.0em; line-height:165%; margin-bottom: 5px;	padding-right: 10px;
}
.detail_backtop {
	padding: 10px 10px 0px 0px;
	float: right;
	font-size:1.0em; line-height:165%; margin-bottom:5px;
	}
.detail_backtop p {
	padding: 0px 0px 0px 15px;
	background: url(../../works/images/detail_backtop.gif) no-repeat 0px 7px;
}



/* Works detail */
#contents .photoarea {
	margin: 20px 0px 40px 0px;
}
#contents .photoarea .photo img {
	padding: 0px 0px 0px 10px;
}


#contents .detail_left {
	float: left;
	width: 562px;
}

#contents .detail_right {
	float: right;
	width: 348px;
	text-align: right;
}

#contents .detail_image_frame {
	float: left;
	width: 154px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
}
#contents .detail_image_frame2 {
	float: left;
	width: 328px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
}
#contents .detail_image_frame a:link img{border:1px solid #ffffff;}
#contents .detail_image_frame a:visited img{border:1px solid #ffffff;}
#contents .detail_image_frame a:hover img{border:1px solid #00a2e2;}
#contents .detail_image_frame2 a:link img{border:1px solid #ffffff;}
#contents .detail_image_frame2 a:visited img{border:1px solid #ffffff;}
#contents .detail_image_frame2 a:hover img{border:1px solid #00a2e2;}


#contents .detailtxt {
	margin: 0px 0px 40px 0px;
}
#contents .detailtxt .midashi {
	padding: 0px 0px 3px 0px;
}
#contents .detailtxt .txt {
}



/*  Works, Works-Category */
.works_pagenavi, .works_category_pagenavi {
	width: 688px;
	text-align: center;
}
.works_pagenavi .current_page, .works_category_pagenavi .current_page {
    font-weight: bold;
}

/*  Works, Works-Category */
.works_pagenavi {
	padding: 40px 0px 0px 0px;
	width: 930px;
	text-align: center;
}
.works_pagenavi .current_page {
    font-weight: bold;
}


/*  Recruiting, Message */
p.name_right {
	padding: 24px 0 70px 0;
	float: right;
}
div#message {
	clear: both;
	width: 578px;
}

div#message p {
	line-height: 220%;
	margin: 0 0 30px 0;
}

h3#message_tit {
	margin: 30px 0 0 0;
}

div#message h4 {
	margin: 70px 0 70px 0;
}


div#message h5 {
	margin: 100px 0 0 0;
}

div#message div#mes_voice {
	margin: 12px 0 90px;
	padding: 65px 25px 50px;
	border: 1px solid #B0B0B0;
}

div#message div#mes_voice dl {
	margin: 0 0 60px 0;
}

div#message div#mes_voice dl dt {
	padding: 0 0 12px 0;
}

div#message div#mes_voice dl dd {
	float: left;
}

div#message div#mes_voice p {
	clear: both;
	padding: 0 0 70px 0;
}

div#message div#mes_voice p#last {
	padding: 0 0 0 0;
}

dl#mes_check {
	padding: 0 0 78px 0;
}

dl#mes_check dt {
	padding: 0 0 55px 0;
}

dl#mes_check dd {
	padding: 27px 0 0 0;
}

#message_btn {
	background: url(../../recruiting/message/images/mes_info_btn.gif) no-repeat top;
	width: 387px;
	height: 59px;
	margin: 70px 0 0 0;
	position: relative;
	padding: 0;
	}
	
#message_btn li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#message_btn li a {
	text-indent: -5000px;
	text-decoration: none;
	}
	
#message_btn li, #message_btn li a {
	height: 59px;
	width: 387px;
	display: block;
	}

#message_btn li a:hover {
	background: transparent url(../../recruiting/message/images/mes_info_btn.gif) no-repeat bottom;
}

p.line {
	line-height: 220%;
}


/*  Recruiting, information */
h3.table_tit {
	font-weight: bold;
	margin: 5px 0 10px 0;
}

.info {
	text-align: left;
	vertical-align: middle;
	width: 100%;
	border-collapse: collapse;
  }

.info th,.info td {
	border-top: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	padding: 17px 0 17px 0;
	text-align: left;
}


.info tr th {
	padding: 0 147px 0 0;
	text-align: left;
}

ul#men_voice_btn {
	background: url(../../recruiting/information/images/men_voice_btn.gif) no-repeat left top;
	width: 307px;
	height: 15px;
	margin: 70px 0 0 0;
	position: relative;
	padding: 0;
	}
	
ul#men_voice_btn li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}

ul#men_voice_btn li a {
	text-indent: -5000px;
	text-decoration: none;
	}
	
ul#men_voice_btn li, ul#men_voice_btn a {
	height: 15px;
	width: 307px;
	display: block;
	}

ul#men_voice_btn li a:hover {
	background: url(../../recruiting/information/images/men_voice_btn_on.gif) no-repeat left top;
}



/* Topics */
#contents .topics_left {
	float: left;
	width: 689px;
	margin: 0px 41px 0px 0px;
}
#contents .topics_right {
	float: right;
	width: 200px;
}

#contents .topics {
}


#contents .topics_list {
	padding: 20px 0px 20px 0px;
	background: url(../../images/line_dot689.gif) no-repeat bottom left;
}
#contents .topics_list_type2 {
	padding: 20px 0px 60px 0px;
}

#contents .topics_name {
	float: left;
}
#contents .topics_txt {
	width: 575px;
	float: right;
}

.topics_right a {
	padding: 0px 0px 0px 15px;
	background: url(../../works/images/point_close.gif) no-repeat 0px 3px;
}
.topics_right a.link_point {
	padding: 0px 0px 0px 15px;
	background: url(../../works/images/point_close.gif) no-repeat 0px 3px;
}
#contents .topics_title {
	font-size: 1.4em; line-height:120%;
    font-weight: bold;
	padding: 0px 0px 30px 0px;
}


#contents .topics_photo {
	padding: 20px 0px 10px 0px;
}
#contents .topics_photo_left {
	float: left;
	width: 270px;
}
#contents .topics_photo_right {
	float: right;
	width: 270px;
}

#contents .topics img {
	padding: 0px 0px 10px 0px;
}





#footer {
	border-top:1px solid #b2b2b2;
	font-size:0.7em; line-height:165%; margin-bottom:1em;
	margin: 90px 0px 50px 0px;
	padding: 5px 0px 0px 0px;
}
	
#footer .footer_l {
	float: left;
	padding: 0px 0px 0px 10px;
}
#footer .footer_r {
	float: right;
	padding: 0px 10px 0px 0px;
}






br.clr{ margin: 0; padding: 0; height:0px; clear:both; }

.allClear { clear: both;}


/* headernavi */
#headernavi {
	margin: 0;
	padding: 0;
	background: url("../../images/header_navi.gif") no-repeat;
	width: 598px;
	height: 29px;
	position: relative;
	}
#headernavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
#headernavi li, #headernavi a {
	height: 29px;
	display: block;
	}
#headernavi a {
	text-indent: -5000px;
	text-decoration: none;
	}

#headernavi_top, #headernavi_top_stay {left: 0px; width: 46px;}
#headernavi_about, #headernavi_about_stay {left: 46px; width: 82px;}
#headernavi_casestudy, #headernavi_casestudy_stay {left: 128px; width: 96px;}
#headernavi_works, #headernavi_works_stay {left: 224px; width: 64px;}
#headernavi_recruiting, #headernavi_recruiting_stay {left: 288px; width: 88px;}
#headernavi_access, #headernavi_access_stay {left: 376px; width: 73px;}
#headernavi_topics, #headernavi_topics_stay {left: 449px; width: 64px;}
#headernavi_facebook {left: 513px; width: 85px;}

#headernavi_top a:hover, #headernavi_top a:visited:hover { background: transparent url("../../images/header_navi.gif") -0px -29px no-repeat;}
#headernavi_top_stay { background: transparent url("../../images/header_navi.gif") -0px -29px no-repeat;}
#headernavi_top_stay a:hover, #headernavi_top_stay a:visited:hover { background: transparent url("../../images/header_navi.gif") -0px -29px no-repeat;}

#headernavi_about a:hover, #headernavi_about a:visited:hover { background: transparent url("../../images/header_navi.gif") -46px -29px no-repeat;}
#headernavi_about_stay { background: transparent url("../../images/header_navi.gif") -46px -29px no-repeat;}
#headernavi_about_stay a:hover, #headernavi_about_stay a:visited:hover { background: transparent url("../../images/header_navi.gif") -46px -29px no-repeat;}

#headernavi_casestudy a:hover, #headernavi_works a:visited:hover { background: transparent url("../../images/header_navi.gif") -128px -29px no-repeat;}
#headernavi_casestudy_stay { background: transparent url("../../images/header_navi.gif") -128px -29px no-repeat;}
#headernavi_casestudy_stay a:hover, #headernavi_works_stay a:visited:hover { background: transparent url("../../images/header_navi.gif") -128px -29px no-repeat;}

#headernavi_works a:hover, #headernavi_works a:visited:hover { background: transparent url("../../images/header_navi.gif") -224px -29px no-repeat;}
#headernavi_works_stay { background: transparent url("../../images/header_navi.gif") -224px -29px no-repeat;}
#headernavi_works_stay a:hover, #headernavi_works_stay a:visited:hover { background: transparent url("../../images/header_navi.gif") -224px -29px no-repeat;}

#headernavi_recruiting a:hover, #headernavi_recruiting a:visited:hover { background: transparent url("../../images/header_navi.gif") -288px -29px no-repeat;}
#headernavi_recruiting_stay { background: transparent url("../../images/header_navi.gif") -288px -29px no-repeat;}
#headernavi_recruiting_stay a:hover, #headernavi_recruiting_stay a:visited:hover { background: transparent url("../../images/header_navi.gif") -288px -29px no-repeat;}

#headernavi_access a:hover, #headernavi_access a:visited:hover { background: transparent url("../../images/header_navi.gif") -376px -29px no-repeat;}
#headernavi_access_stay { background: transparent url("../../images/header_navi.gif") -376px -29px no-repeat;}
#headernavi_access_stay a:hover, #headernavi_access_stay a:visited:hover { background: transparent url("../../images/header_navi.gif") -376px -29px no-repeat;}

#headernavi_topics a:hover, #headernavi_topics a:visited:hover { background: transparent url("../../images/header_navi.gif") -449px -29px no-repeat;}
#headernavi_topics_stay { background: transparent url("../../images/header_navi.gif") -449px -29px no-repeat;}
#headernavi_topics_stay a:hover, #headernavi_topics_stay a:visited:hover { background: transparent url("../../images/header_navi.gif") -449px -29px no-repeat;}

#headernavi_facebook a:hover, #headernavi_facebook a:visited:hover { background: transparent url("../../images/header_navi.gif") -513px -29px no-repeat;}






/* PADDING ALL */
.pd1px { padding: 1px; }
.pd3px { padding: 3px; }
.pd5px { padding: 5px; }
.pd10px { padding: 10px; }
.pd15px { padding: 15px; }
.pd20px { padding: 20px; }
.pd25px { padding: 25px; }
/* PADDING TOP */
.pt1px { padding-top: 1px; }
.pt3px { padding-top: 3px; }
.pt5px { padding-top: 5px; }
.pt10px { padding-top: 10px; }
.pt15px { padding-top: 15px; }
.pt20px { padding-top: 20px; }
.pt25px { padding-top: 25px; }
.pt40px { padding-top: 40px; }
/* PADDING RIGHT */
.pr1px { padding-right: 1px; }
.pr3px { padding-right: 3px; }
.pr5px { padding-right: 5px; }
.pr10px { padding-right: 10px; }
.pr15px { padding-right: 15px; }
.pr20px { padding-right: 20px; }
.pr25px { padding-right: 25px; }
/* PADDING BOTTOM */
.pb1px { padding-bottom: 1px; }
.pb3px { padding-bottom: 3px; }
.pb5px { padding-bottom: 5px; }
.pb10px { padding-bottom: 10px; }
.pb15px { padding-bottom: 15px; }
.pb20px { padding-bottom: 20px; }
.pb25px { padding-bottom: 25px; }
/* PADDING LEFT */
.pl1px { padding-left: 1px; }
.pl3px { padding-left: 3px; }
.pl5px { padding-left: 5px; }
.pl10px { padding-left: 10px; }
.pl15px { padding-left: 15px; }
.pl20px { padding-left: 20px; }
.pl25px { padding-left: 25px; }

/* MARGIN ALL */
.mg1px { margin: 1px; }
.mg3px { margin: 3px; }
.mg5px { margin: 5px; }
.mg10px { margin: 10px; }
.mg15px { margin: 15px; }
.mg20px { margin: 20px; }
.mg25px { margin: 25px; }
/* MARGIN TOP */
.mt1px { margin-top: 1px; }
.mt3px { margin-top: 3px; }
.mt5px { margin-top: 5px; }
.mt10px { margin-top: 10px; }
.mt15px { margin-top: 15px; }
.mt20px { margin-top: 20px; }
.mt25px { margin-top: 25px; }
/* MARGIN RIGHT */
.mr1px { margin-right: 1px; }
.mr3px { margin-right: 3px; }
.mr5px { margin-right: 5px; }
.mr10px { margin-right: 10px; }
.mr15px { margin-right: 15px; }
.mr20px { margin-right: 20px; }
.mr25px { margin-right: 25px; }
/* MARGIN BOTTOM */
.mb1px { margin-bottom: 1px; }
.mb3px { margin-bottom: 3px; }
.mb5px { margin-bottom: 5px; }
.mb10px { margin-bottom: 10px; }
.mb15px { margin-bottom: 15px; }
.mb20px { margin-bottom: 20px; }
.mb25px { margin-bottom: 25px; }
/* MARGIN LEFT */
.ml1px { margin-left: 1px; }
.ml3px { margin-left: 3px; }
.ml5px { margin-left: 5px; }
.ml10px { margin-left: 10px; }
.ml15px { margin-left: 15px; }
.ml20px { margin-left: 20px; }
.ml25px { margin-left: 25px; }


/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/