@charset "utf-8";
/* CSS Document */

/*base
---------------------------*/
body { margin: 0px; padding: 0px; color: #333; line-height: 160%; background: none; border-top: 3px solid #A00F16; text-align: center; }

*{ margin:0px; padding:0px; font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif}

/*link
---------------------------*/
a 			{ color: #A5231D; text-decoration: none; outline: none; }
a:link		{ color: #A5231D; text-decoration: none; outline: none; }
a:visited	{ color: #A5231D; text-decoration: none; outline: none; }
a:hover		{ color: #A5231D; text-decoration: underline; outline: none; }
a:active	{ color: #A5231D; text-decoration: underline; outline: none; }

/*title,p,img
---------------------------*/
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0px; padding: 0px; }

p{ color: #333; margin: 10px 0px 20px; font-size: 75%; line-height: 180%; }

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

/*list,dl
---------------------------*/
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { padding: 0px; margin: 0px; }

ol { padding: 0px; margin: 0px; list-style: decimal outside; }
ol li { padding: 0px; margin: 0px; }

dl { padding: 0px; margin: 0px; }
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }

/*table
---------------------------*/
table { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; }
th { font-weight: normal; text-align: left; padding: 5px; vertical-align: top; }
td { text-align: left; padding: 5px; }

.td5{ width:5%;} .td10{ width:10%;} .td15{ width:15%;} .td20{ width:20%;} .td25{ width:25%;}
.td30{ width:30%;} .td35{ width:35%;} .td40{ width:40%;} .td45{ width:45%;} .td50{ width:50%;}

/*other
---------------------------*/
form { margin: 0px; text-align: left; }
input, textarea, select {}

iframe { border-style: none; }

em { font: normal normal; }

.hide { display: none; }


/*clearfix
---------------------------*/
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }


/*box
---------------------------*/
div#header { width: 902px; margin: 30px auto; }
	h1 a { display: block; width: 373px; height: 47px; background: url(../img/header_logo.jpg) no-repeat; float: left; text-indent: -9999px; }
	div.inq_btn { width: 207px; height: 47px; float: right; }
	
	
/*navi
---------------------------*/
ul#global_navi { width: 902px; _width: 942px; margin: 30px auto 20px; }
ul#global_navi li { width: 115px; float: left; margin-right: 16px; }
ul#global_navi li.end { margin-right: 0px; }

ul#top_btn { width: 902px; margin: 0px auto 40px; }
ul#top_btn li { float: left; }

/*local
---------------------------*/
ul.banner_list li { margin-bottom: 10px; }
ul.banner_list li img { vertical-align: bottom; line-height: 100%; }

/*footer
---------------------------*/
div#footer { border-top: 1px solid #ccc; }
div#footer_contents { width: 902px; margin: 0px auto; padding: 20px 0px; }
div#address { width: 450px; float: left; text-align: left; }
div#footer_navi { width: 450px; float: right; text-align: right; margin-top: 25px; }
div#footer_navi p { font-size: 65%; line-height: 130%; margin: 0px 0px 5px; }
div.footer_logo { width: 66px; float: left; }
div.footer_logo { margin-top: 20px; }
address { width: 340px; float: right; border-left: 1px solid #ccc; padding-left: 22px; font-size: 65%; line-height: 130%; font-style: normal; }

/*top
---------------------------*/

/*2nd
---------------------------*/
div#pannavi { width: 902px; margin: 0px auto 5px; font-size: 65%; text-align: left; }
div#column { width: 902px; margin: 0px auto; text-align: left; }
div#contents { width: 650px; float: left; }
div#sidebar { width: 227px; float: right; }
div#pagetop { width: 902px; margin: 40px auto 0px; text-align: left; }
div#pagetop img { margin-left: 822px; }

h3 { padding: 15px 0px; margin-bottom: 20px; border-top: 1px solid #9FA0A0; border-bottom: 1px solid #D3D3D4; }
h3 img { line-height: 100%; }

/*concept*/
#concept p { margin: 0px; }

/*works*/
ul.work_list { width: 656px; _width: 662px; margin: 10px 0px 30px -6px; _margin: 10px 0px 30px -12px; }
ul.work_list li { float: left; margin: 0px 0px 6px 6px; line-height: 100%; }
ul.work_list li img { vertical-align: bottom; }

ul.work_list li a:hover img  { filter: alpha(style=0,opacity=80); opacity: 0.8; }

ul.category_list { padding: 10px 0px 5px; margin-bottom: 25px; border-top: 1px solid #9FA0A0; border-bottom: 1px solid #9FA0A0; }
ul.category_list li { line-height: 100%; margin-bottom: 5px; }

div.entry_contents h4 { margin: 10px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
div.entry_contents div.kihon_txt { font-size: 75%; float: left; width: 250px; line-height: 160%; border-right: 1px solid #ccc; }
div.entry_contents div.kihon_txt p { font-size: 100%; margin: 0px; padding: 0px; }
div.entry_contents div.detail_txt { font-size: 75%; float: right; width: 360px; line-height: 160%; }
div.entry_contents div.detail_txt p { font-size: 100%; margin: 0px; padding: 0px; }
div.detail { padding: 10px; border-top: 1px solid #9FA0A0; border-bottom: 1px solid #9FA0A0; }

ul.thumb_list { width: 693px; _width: 736px; margin: 20px 0px 0px -43px; _margin: 10px 0px 0px -86px; }
ul.thumb_list li { float: left; margin: 0px 0px 20px 43px; line-height: 100%; }
ul.thumb_list li img { vertical-align: bottom; }
.tabheader li.open img {filter: alpha(style=0,opacity=50);opacity: 0.5;}
.tabheader li.close a:hover img {filter: alpha(style=0,opacity=80);opacity: 0.8;}
.tabheader li.open a:hover img {filter: alpha(style=0,opacity=50);opacity: 0.5;}

/*blog*/
div.blog_entry { border-top: 1px solid #9FA0A0; margin: 0px 0px 30px; padding: 15px 0px 0px; }
#blog h3 { border: none; padding: 0px; margin: 0px 0px 20px; font-weight: bold; }
div.entry_date { font-size: 65%; }
div.entry_body { font-size: 75%; line-height: 180%; }
div.entry_footer { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin: 20px 0px 0px; }

div.diary_menu { padding-top: 40px; margin-top: 40px; border-top: 1px solid #fff; }
div.diary_menu h3 { margin: 0px 0px 12px; }
div.side { margin-bottom: 20px; }
div.sidebody { font-size: 65%; line-height: 130%; margin-bottom: 7px; }

table.calendartable { width: 227px; margin-bottom: 20px; }
table.calendartable th,table.calendartable td { font-size: 11px; padding: 2px 1px; text-align: center; width: 15px; line-height: 160%; font-family: Georgia, "Times New Roman", Times, serif!important; }
div.calendarhead { font-size: 11px; text-align: center; border-top: 1px solid #9FA0A0; padding: 10px 0px 0px; }
div.calender { background: url(../img/blog/hd_calendar.jpg) no-repeat; }
table.calendartable th.sun { color: #F29B76; }
table.calendartable th.sat { color: #00A8C2; }
table.calendartable td a { display: block; border: 1px solid #ccc; }
span.calendarweek { font-size: 11px; }
div.profile div.sidetitle { display: none; }
div.nickname { display: none; }
div.recententry div.sidetitle { height: 23px; background: url(../img/blog_lhd1.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.archives div.sidetitle { height: 23px; background: url(../img/blog_lhd5.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.category div.sidetitle { height: 23px; background: url(../img/blog_lhd2.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.comment div.sidetitle { height: 23px; background: url(../img/blog_lhd3.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.link div.sidetitle { height: 23px; background: url(../img/blog_lhd4.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.ad div.sidetitle { display: none; }
div.ad { font-size: 65%; margin: 30px 0px; line-height: 150%; }

div.archive_title { font-size: 90%; font-weight: bold; margin-bottom: 30px; }

div.input_area { width: 200px; float: left; }
div.form_box { font-size: 75%; margin-bottom: 10px; }
div.form_box input { width: 300px; }
div.form_box textarea { width: 300px; height: 8em; }
div.mail_area img { margin-bottom: 10px; }
div.mail_area { width: 220px; float: right; font-size: 75%; line-height: 160%; }
p.btn2 { float: left; margin-right: 10px; }

div.form_box input#bake { width: auto; }
p.btn label { font-size: 100%; }
input#savecheck { margin: 0px 5px 0px 10px; }

div#contents div.comment { border: 5px solid #eee; padding: 0px 15px; margin-top: 30px; }
div.comments-head { margin: 30px 0px 10px; font-size: 75%; font-weight: bold; }
div.comments-post { font-size: 65%; text-align: right; padding: 10px 50px 10px 0px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
div.comments-body { font-size: 75%; }
div.trackback-head { margin: 15px 0px 10px; font-size: 75%; font-weight: bold; }
div.trackback-url { font-size: 75%; }

div.tag_list { font-size: 62.5%; }
div.menu { font-size: 62.5%; }

/*flow*/
div.flow { background: url(../img/flow_img.jpg) no-repeat right top; min-height: 1140px; }
p.indent { margin-left: 30px; }

/*office*/
table.company_outline { margin-bottom: 20px; }
table.company_outline th,table.company_outline td { font-size: 75%; padding: 3px 0px; line-height: 150%; }
img.profile_ph { float: right; margin: 5px 0px 20px 20px; }
#office h4 { border-bottom: 1px solid #D3D3D4; padding: 0px 0px 10px; margin: 50px 0px 20px; }
img.map_link { margin-top: 10px; }
a:hover img.map_link { filter: alpha(style=0,opacity=80); opacity: 0.8; }

/*news*/
div.backnumber { padding: 15px 0px 10px; margin-bottom: 25px; border-top: 1px solid #9FA0A0; border-bottom: 1px solid #9FA0A0; }
ul.bn_list li { font-size: 65%; line-height: 100%; margin-bottom: 5px; }

div.news_entry { margin: 0px 0px 30px; border-bottom: 1px solid #D3D3D4; }
div.news_entry h4 { border-bottom: 1px solid #9FA0A0; font-weight: bold; font-size: 90%; }
div.news_detail { padding: 15px 0px; }
div.txt_area { width: 430px; font-size: 75%; float: left; line-height: 160%; }
div.txt_area p { font-size: 100%; }
div.ph_area { width: 200px; float: right; }

div.page_navi { font-size: 65%; text-align: center; }

#news div#contents p { line-height: 150%; }

/*contact*/
table.contact { font-size: 75%; margin-bottom: 30px; }
table.contact th,table.contact td { border-top: 1px solid #D3D3D4; padding: 10px 0px; }
table.contact td span { font-size: 80%; color: #666; }
p.js_text { color: #FF0000; }

/*privacy*/
p.mb40 { margin-bottom: 40px; }

/*sitemap*/
table.sitemap_tb th,table.sitemap_tb td { font-size: 75%; padding: 8px; _padding: 12px; }
table.sitemap_tb th a { padding: 0px 0px 0px 20px; background: url(../img/arrow1.jpg) no-repeat left center; }
table.sitemap_tb td a { padding: 0px 0px 0px 20px; background: url(../img/arrow2.jpg) no-repeat left center; }