@charset "utf-8";
@import url(base.css);
@import url(common.css);
@import url(print.css);

@media screen {
html, body {height: 100%;}
body{background: url(../images/dot_cream.gif) repeat fixed 0 0; color: #464646;}
a {color: #000;}
a:hover {color: #f90;}
h1 a:hover {filter: alpha(opacity=75); -moz-opacity:0.75;  opacity:0.75;}
.banner a:hover img, .print_btn a:hover, .print_btn_map a:hover {filter: alpha(opacity=75); -moz-opacity:0.75;  opacity:0.75;}
.underline {text-decoration: underline;}

.main_inner:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }
.main_inner { display: inline-block; }
/* \*/
* html .main_inner { height: 1%; }
.main_inner { display: block; }
/* */

.wrapper {width: 860px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto; background: url(../images/wrapper_bg.png) repeat-y center top; padding:20px	0px;}
.header_wrapper, .top_wrapper, .menu_wrapper, .main_wrapper, .footer_wrapper {clear: both;}
.header_inner, .footer_inner {width: 832px; margin: 0 auto; text-align: left;}

.header_wrapper {background: url(../images/header_wrapper_bg.png) repeat-x 0 0; border-bottom: 1px solid #999; border-top: 4px solid #c40019;}

.top_wrapper {height: 420px; position: relative;}
#top_menu {height: 74px;}
.menu_hide{display: none;}


.header_inner {height: 40px; line-height: 40px; width: 850px;}
*html .header_inner {height: 36px; line-height: 36px; width: 850px;}
.header_inner h1 {float: left; width: 400px;}
.header_inner h1 a{width: 400px; height: 25px; margin-top: 4px; display: block;}
.header_inner ul.submenu {float: right; font-size: 11px;}
.header_inner ul.submenu li {float: right; margin-right: 0px;}
.header_inner ul.submenu li a {background: url(../images/arrow.png) no-repeat 0 -1px; display: block; height: 12px;line-height: 12px; overflow: hidden; margin-top: 15px; padding: 1px 0 0 16px; color: #464632;}
*html .header_inner ul.submenu li a { width: 48px; font-size: 10px;}


.header_inner ul.submenu li a:hover {background: url(../images/arrow.png) no-repeat 0 -86px; padding: 1px 0 0px 16px; color: #f90;}


.path {text-align:right; width: 820px; height: 28px;margin: 0 auto; font-size: 85%;}
.path li {display: inline;}
.path li a {background: url(../images/path_arrow.png) no-repeat right 45%; padding-right: 18px; text-decoration: underline; color: #464646;}
.path a:hover {color: #f90;}

.main_wrapper {background: url(../images/main_wrapper_bg.png) no-repeat center bottom; padding-bottom: 47px; position: relative; margin-bottom: 30px;}
h2.main_title {background: url(../images/h2_bg.png) no-repeat center top; height: 52px; width: 742px; padding: 26px 45px 45px 45px; margin: 0 auto;}
*html h2.main_title {padding-bottom: 35px; }

.main_inner, .index_main_inner {background: url(../images/main_inner_bg.png) repeat-y center top; width: 742px; min-height: 100%; height: 100%; padding: 20px 45px 15px; margin: 0 auto;}
.index_main_wrapper {background: url(../images/index_main_wrapper_bg.png) no-repeat center bottom; padding-bottom: 47px;}
.index_main_top { width: 832px; height: 8px; margin: 0 auto;}
.index_main_inner {width: 782px; padding: 20px 25px 15px; background: url(../images/index_main_inner_bg.png) repeat-y center top;}
 .b_red {color: #d72828;}
 .b_gray {color: #a59b72;}
 .b_blue {color: #1c295c;}
.main_left {float: left; width: 390px;}
.main_right {float: right; width: 382px; margin: 1px 0 0 0;}

.main_right ul.news {margin-top: 10px; margin-left: -5px;}
.main_right ul.news li {margin-bottom: 11px; background: url(../images/arrow_2.png) no-repeat 0 3px; padding-left: 18px;}
.main_right .to_news {float: right; margin-top: 15px;}
.main_right .to_news a{height: 36px; width: 151px; overflow: hidden; background: url(../images/to_news.png) no-repeat 0 0; text-indent: -9999px; display:block;}
.main_right .to_news a:hover {background-position: 0 -36px;}
.main_left ul.banner li{margin-bottom: 13px;}
.tb_mark_desc {border: 2px solid #c40019; width: 600px; margin: 20px auto 35px auto; padding: 20px; font-weight: bold; line-height: 180%;}
.tb_mark_left {float: left; width: 400px;}
.tb_mark_right {float: right; width: 190px; padding-top: 38px;}
.footer_wrapper {background:url(../images/footer_bg.png) repeat-x 0 0; padding-top:5px; min-height: 100px; margin-top: -20px;}
.footer_inner {width: 850px; color: #fff; padding-top: 15px;}
.footer_inner ul {float: left; margin-left: 19px; width: 145px; min-height: 100px; font-size: 85%; color: #fff;}
.footer_inner a {color: #fff;}
.footer_inner a:hover {color: #f90;}

.footer_inner ul li{width:145px;}
.footer_inner ul li h4	{border-bottom: 1px solid #fff; margin-bottom: 3px;}
.footer_inner p.copyright {clear: both; text-align: right; font-size: 9px; letter-spacing: 1px; margin-top: 15px;}


.text { clear: both;}
.text p {padding-top: 20px;}
.text2 p {padding-top: 10px; line-height: 170%;}
.text dt {padding-top: 20px; font-weight: bold;}
.president {width: 600px; margin: 0 auto;}
.left {float:left; width: 371px;}
.right {float: right; margin:0; width: 371px;}


/*company page */
h2.about_tb_title {background: url(../images/about_tb_h2.png) no-repeat center top; height: 52px; width: 742px; padding: 26px 45px 45px 45px; margin: 0 auto; text-indent: -9999px;}
.greetings_name {margin: 194px 0px 0 0; width: 320px;}
.tb_float_l {float: left; width: 460px;}
.tb_float_r {float: right; width: 260px; margin-top: 15px;}
.tb_float_r li {margin-bottom: 25px;}
a.map {color: #c40019; text-decoration: underline;}
a.map:hover {color: #f90;}

/* service */
h2.about_pm_title {background: url(../images/about_pm_h2.jpg) no-repeat center top; height: 52px; width: 742px; padding: 26px 45px 45px 45px; margin: 0 auto; text-indent: -9999px;}
h2.our_pm_title {background: url(../images/our_pm_h2.jpg) no-repeat center top; height: 52px; width: 742px; padding: 26px 45px 45px 45px; margin: 0 auto; text-indent: -9999px;}
.our_pm_h3 {border-bottom: 1px solid red; padding-bottom: 3px; font-size: 139%;}
#circles {margin-bottom: -285px; margin-top: -15px; position: absolute;}
#circles div{ width: 750px; margin: 0 auto 0 auto;}
#circles p {padding: 10px; margin-top: 15px; margin-bottom: 315px;font-size: 10px; font-weight: bold; border: 1px solid #ccc; background: #eee;}
.fla_pad {margin-top: 405px;}
#circles_p {display: none !important;}
/* recruit page*/
.recruit_buttons {margin-left: -4px;}
.new {float: left;}
.new a{display: block; float: left; width: 364px; height: 65px; overflow: hidden; background: url(../images/new_button.png) no-repeat 0 0; text-indent: -9999px; margin-left:1px;}
.mid {float: right;}
 .mid a{display: block; float: right; width: 364px; height: 65px; overflow: hidden; background: url(../images/mid_button.png) no-repeat 0 0; text-indent: -9999px; margin-right: -5px;}
 .new a:hover, .mid a:hover {background-position: 0 -86px;}
.message {clear: both; padding-bottom: 20px;}
.message a{display: block; width: 751px; height: 219px; overflow: hidden; background: url(../images/message_button.jpg) no-repeat 0 0; text-indent: -9999px; }
.message a:hover {filter: alpha(opacity=85); -moz-opacity:0.85;  opacity:0.85; background-position: 0 0px;}

.new_buttons, .mid_buttons {margin-bottom: 30px;}
.mid_btn1, .new_btn1 {margin-bottom:15px;}

.new_buttons a:hover img, .mid_buttons a:hover img{filter: alpha(opacity=85); -moz-opacity:0.85;  opacity:0.85; background-position: 0 0px;}

.voice_buttons {margin-top: 30px;}
.voice_buttons li{margin-bottom: 30px;}
.voice_buttons li a:hover img{filter: alpha(opacity=85); -moz-opacity:0.85;  opacity:0.85; background-position: 0 0px;}

.voice h3{margin-bottom: 15px; clear:both;}
.voice p {margin-bottom: 45px;}
.voice p.odd img{color:#f09; float: right; margin: 0 0 20px 20px;}
.voice p.even img{color:#f09; float: left; margin: 0 20px 20px 0;}
.voice_title img {margin-bottom: 30px;}

.updown { position: absolute; top:25px; right: 38px; font-size: 93%; width: 180px; }
.updown li {float: right; margin-bottom: 20px;}
.updown a {text-indent: -9999px; color: #fff; display: block; border: 1px solid #fff; width:180px; height:16px; overflow: hidden;}
.greetings_up a{background: url(../images/greetings_up.png) no-repeat  -1px 0;}
.greetings_down a{background: url(../images/greetings_down.png) no-repeat -1px 0;}
.brief_up a{background: url(../images/brief_up.png) no-repeat  -1px 0;}
.brief_down a{background: url(../images/brief_down.png) no-repeat  -1px 0;}
.about_tb_up a{background: url(../images/about_tb_up.png) no-repeat  -1px 0;}
.about_tb_down a{background: url(../images/about_tb_down.png) no-repeat  -1px 0;}
.about_pm_up a{background: url(../images/about_pm_up.png) no-repeat  -1px 0; margin-top: 21px;}
.our_pm_down a{background: url(../images/our_pm_down.png) no-repeat  -1px 0; margin-top: 21px;}
.message_up a{background: url(../images/message_up.png) no-repeat  -1px 0; width: 107px;}
.message_down a{background: url(../images/message_down.png) no-repeat  -1px 0; width: 107px;}
.new_up a{background: url(../images/new_up.png) no-repeat  -1px 0; width: 107px;}
.new_down a{background: url(../images/new_down.png) no-repeat  -1px 0; width: 107px;}
.mid_up a{background: url(../images/mid_up.png) no-repeat  -1px 0; width: 107px;}
.mid_down a{background: url(../images/mid_down.png) no-repeat  -1px 0; width: 107px;}

.updown a:hover {background-position: -215px 0;}
.table {margin: 15px 0 5px 0; border: 1px solid #464646; border-top: none; position: relative;}
.table dl{border-top: 1px solid #464646;}
.table dt {float: left; clear: both; width: 150px; padding:20px; font-weight: bold; color: #1c295c;}
.table dd {margin-left: 190px; padding: 20px; border-left: 1px solid #464646; background: #faf9f7; }
.blue { color: #1c295c;}
.kyuyo, .kyuyo2, .kyuyo3 {float: left;}
.kyuyo {display: block; width: 3em;  height: 3em;}
.kyuyo2 {width: 4em; margin-right: 1em;}
.kyuyo3 {width: 300px; }
.info h3 {clear: both;}
.info h3 span{font-size: 139%; border-bottom: #f00 1px solid; padding-bottom: 2px;}
.margin_r33 {margin-right: 33px;}
.margin_r46 {margin-right: 46px;}

/*company */
.brief .table{margin-top: 0;}
dd.places p {margin-bottom: 20px;}
.post_left {float: left; width:220px;}
.post_right {float: right; width:220px;}
dl.post_left, dl.post_right {border:none;}
dl.post_left dt {float: left; width: 7.1em; padding: 0; }
dl.post_left dd {margin-left: 7.1em; padding: 0; border: none;}
dl.post_right dt {float: left; width: 4.5em; padding: 0; }
dl.post_right dd {margin-left: 4.5em; padding: 0; border: none;}

.throwgun_inner, .map_inner {font-size: 10px;}
.map_inner {position: relative;}
/*about*/
#about h3, #privacy h3 {border-left: 3px solid #ca0019; border-bottom: 1px dotted #ca0019; padding: 2px 0 2px 5px; margin: 15px 0 5px;}
#about h4, #privacy h4 {font-size: 100%; padding: 10px 0 0 8px;}
#about p, #privacy p {font-size: 93%; line-height: 160%; padding: 0 8px;}
#about p.intro, #privacy p.intro {padding: 0; font-weight: bold;}
#about ul {margin: 7px 0; padding-left: 8px;}
#privacy ul {margin: 7px 0; padding-left: 28px;}
#about li {list-style: disc; margin-left: 15px;}
#privacy li {text-indent: -22px;}
#privacy dl{margin: 7px 0 0 6px;}
#privacy dd{margin-left: 22px;}

#privacy address {margin: 0 auto; text-align: center; border:1px solid #1c295c; width: 500px; padding: 15px 0; margin-top: 15px;}
#about li.os {list-style: none; margin-left: 0;}

/*news*/
#news h3 {border-left: 3px solid #ca0019; border-bottom: 1px dotted #ca0019; padding: 2px 0 2px 5px; margin: 15px 0 15px;}
#news .main_inner {padding-top: 5px; min-height: 400px;}
#news .date {font-size: 85%; font-weight: normal;}
#news h4 {font-size: 100%; padding: 10px 0 0 8px;}
#news p {font-size: 93%; line-height: 160%; padding: 0 8px;}
#news ul {margin: 7px 0; padding-left: 8px;}
#news li {list-style: disc; margin-left: 15px;}

/*koukoku*/
#koukoku h3 {border-left: 3px solid #ca0019; border-bottom: 1px dotted #ca0019; padding: 2px 0 2px 5px; margin: 15px 0 15px;}
#koukoku .main_inner {padding-top: 5px; min-height: 400px;}
#koukoku .date {font-size: 85%; font-weight: normal;}
#koukoku .entry {border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px;}
#koukoku h4 {font-size: 100%; padding: 10px 0 0 8px;}
#koukoku p {font-size: 93%; line-height: 160%; padding: 0 8px;}
#koukoku ul {margin: 7px 0; padding-left: 8px;}
#koukoku li {list-style: disc; margin-left: 15px;}
#houtei, #kessan {margin-bottom: 30px;}
a[href$=".pdf"] {background: url(../images/pdf_icon.png) no-repeat 0% 50%; display: inline; padding:1px 0 1px 20px; margin-left: 6px; color: #d72828; font-weight: bold;}
* html .#koukoku .entry a {background: url(../images/pdf_icon.png) no-repeat 0% 50%; display: inline; padding:1px 0 1px 20px; margin-left: 6px; color: #d72828; font-weight: bold;}
#koukoku a:hover {color:#f90;}
.get_adobe {background:#fde0e0; padding: 15px 20px;}
.get_adobe p {width: 570px;}
.get_adobe div {width: 112px;}

/* Easy Slider */
	#top_img{width: 850px; margin-left: 5px;}	
	#top_img ul, #top_img li,	#top_img2 ul, #top_img2 li { margin:0; padding:0; list-style:none; }
	#top_img li, #top_img2 li{ width:849px; height:420px; overflow:hidden; display: none; }
/* // Easy Slider */

.print_btn {position: absolute; right: 0; top : -41px;}
.print_btn_map {position: absolute; right: 15px; top : -7px;}
.print_btn_apm {position: absolute; right: 52px; top : 135px; z-index: 9999;}
.back {height: 12px; padding:0; margin:15px 0 0 0;}
.back a {float: right; background: url(../images/arrow_t.png) no-repeat 0 -1px; display: block; height: 12px; line-height: 12px; overflow: hidden; padding: 1px 0 0px 16px; color: #464646; font-weight: normal; font-size: 93%;}
.back a:hover {background: url(../images/arrow_t.png) no-repeat 0 -86px; padding: 1px 0 0px 16px; color: #f90;}
.margin_t30 { margin-top: 30px;}
.margin_r30 { margin-right: 30px;}
}/* @media screen end */