@charset "utf-8";

/*-----RESET_CSS-----*/

* {margin: 0; padding: 0;}

body {font-family: "ＭＳ Ｐゴシック", sans-serif, Verdana; font-size: 80%;}

html {overflow-y: scroll;}

.hid {display: none;}

hr {display: none;}

img {border: 0;}

li {list-style: none;}

/*\*/ a { overflow: hidden; }/**/

address {font-style: normal; margin-top: 15px;}

.clearfix:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.clearfix {zoom: 100%;}


/*-----Link_color-----*/

a:link {color: #039; text-decoration:underline;}

a:visited {color: #039; text-decoration:underline;}

a:hover {color: #f00; text-decoration: none;}

a:active {color: #f00;}


/*-----margin_etc-----*/

.mat20 {margin-top: 20px;}


/*-----BIG_block-Layout-----*/

#outline {width: 900px; margin: 0 auto 0;}

#main {width: 600px; margin: 0 0 20px 50px; _margin: 0 0 20px 25px; float: left;}

#sub {width: 200px; margin: 0 38px 20px 0; _margin: 0 19px 20px 0; float: right; background: #eee;}

#footer {width: 850px; margin: 0 auto 10px; padding: 30px 0 20px 0; font-size:10px;}


/*-----Header-Layout-----*/
/*
#header {width: 900px; height: 70px;}
#header h1 {float: left; font-size: 1px; text-indent: -4649em;}
#header h1 a {display: block; width: 225px; height: 45px; margin-left: 50px; background: url(../../images/logo.gif);}
#header ul {margin-left: 664px; padding-top: 21px; list-style: none; font-size: 1px; text-indent: -4649em;}
#header li {float: left;}
#bnr_toto a {width: 70px; height: 25px; display: block; background: url(../../images/logo_toto.gif);}
#bnr_daiken a {width: 85px; height: 25px; display: block; background: url(../../images/logo_daiken.gif);}
#bnr_ykk a {width: 32px; height: 25px; display: block; background: url(../../images/logo_ykk.gif);}
*/
#header {width: 850px; height: 70px; background: url(../../images/head.gif) no-repeat right 3px; border-left: 0px solid #cccccc; border-right: 0px solid #cccccc;
margin-left: 30px; margin-right: 20px;}
#header h1 {float: left; font-size: 1px; text-indent: -4649em;}
#header h1 a {display: block; width: 200px; height: 45px; margin-left: 25px; background: url(../../images/logo.gif);}
#header ul {margin-left: 639px; padding-top: 15px; list-style: none; font-size: 1px; text-indent: -4649em;}
#header li {float: left;}
#bnr_toto a {width: 70px; height: 25px; display: block; background: url(../../images/logo_toto.gif);}
#bnr_daiken a {width: 85px; height: 25px; display: block; background: url(../../images/logo_daiken.gif);}
#bnr_ykk a {width: 34px; height: 30px; display: block; background: url(../../images/logo_ykk.gif);}


/*-----Footer_Layput-----*/
div#footer p {float:left; margin-left:40px; _margin-left:20px;}

div#footer address {float:right; width:235px; margin:0 30px 0 0; _margin-right:15px; height:11px; background:url(../../images/copyright.gif); text-indent:-4649em;}


/*-----Box_KAKUMARU-----*/
div#profile{width: 580px; background: url(../../images/boxD_body.gif) repeat-y; margin-bottom: 10px;}
.boxA_top {width: 580px; height: 10px; padding: 0; background: url(../../images/boxA_top.gif) no-repeat;}
.boxA_bottom {width: 580px; height: 10px; padding: 0; background: url(../../images/boxA_bottom.gif) no-repeat;}
.boxA_table {width: 560px; margin: 0 0 0 10px;}
.boxB_top {width: 580px; height: 10px; padding: 0; background: url(../../images/boxB_top.gif) no-repeat;}
.boxB_bottom {width: 580px; height: 10px; padding: 0; margin-bottom: 10px; background: url(../../images/boxB_bottom.gif) no-repeat;}
.boxD_top {width: 580px; height: 10px; padding: 0; background: url(../../images/boxD_top.gif) no-repeat;}
.boxD_bottom {width: 580px; height: 10px; padding: 0; background: url(../../images/boxD_bottom.gif) no-repeat;}
div.project{width: 580px; background: url(../../images/boxA_body.jpg) repeat-y; margin-bottom: 10px; font-size: 10px; line-height: 1.5em;}
div.project div.onecase {width: 580px; background: url(../../images/boxA_body.jpg) repeat-y;}
div.project02{width: 540px; background: url(../../images/boxC_body.jpg) repeat-y; margin-bottom: 10px; font-size: 10px;}
div.project02 div.onecase02 {width: 540px;}
.boxC_top {width: 540px; height: 10px; padding: 0; background: url(../../images/boxC_top.gif) no-repeat;}
.boxC_bottom {width: 540px; height: 10px; padding: 0; background: url(../../images/boxC_bottom.gif) no-repeat;}

/*-----Print-----*/

p.print {width: 580px; margin-bottom: 10px;}
p.print a {width: 140px; height: 13px; display: block; margin-left: 440px; font-size: 1px; text-indent: -4649em; background: url(/images/print_icon.gif) left;}
p.print a:hover {background-position: right;}

/*-----Company_Name-----*/
.boxA_table h2 {font-size: 18px; color: #fff; font-weight: bolder;}


/*------Project_Title-----*/
h3.shop_name {width: 550px; font-size: 12px; border-bottom: 1px dotted #000; margin: 20px 0 10px 5px; padding-left: 1.3em; background: url(/images/article/arrow_pink.gif) no-repeat left center;}



/*-----Gray_Box_Inner-Layout-----*/
.case_inner {margin: 0 10px 0 10px;}
.img_area {float: left;}
.img_area td {width: 132px; height: 132px; text-align: center; background: url(../../images/img_area_back.gif);}
.text_area {float: right; width: 420px;}
.text_area02 {float: right; width: 380px; line-height: 1.5em;}
.text_area p,.text_area02 p {margin-top: 10px;}
.icon_area {width: 90px; float: left; text-align: center; margin-right: 10px;}
.icon_area img {margin-bottom: 5px;}
.icon_area span {font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.title_area {font-weight: bold;}
ul.tag {margin: 10px 0 3px 0; font-size: 10px;}
ul.tag li {float: left; margin: 0 5px 3px 0;}
ul.tag li.title {font-weight: bold;}
.article_data {margin: 15px 0 0 10px; width: 560px;}
.article_data02 {margin: 15px 0 0 10px; width: 520px;}

.line000 {width: 540px; height: 40px; border-top: 1px solid #666;}


/*-----White_Box-Layout-----*/
div#main div.content div.art_box{margin: 0; width: 580px; background: url(../../images/boxB_body.gif) repeat-y; padding: 0 0 0 20px;}
.boxB_top {width: 580px; height: 10px; padding: 0; background: url(../../images/boxB_top.gif) no-repeat;}
.boxB_bottom {width: 580px; height: 10px; padding: 0; margin-bottom: 10px; background: url(../../images/boxB_bottom.gif) no-repeat;}
div#main div.content div.art_box p.art_date{margin: 0 0 0 5px;}
div#main div.content div.art_box h2{font-size: 14px; width: 520px; margin: 15px 0 0 0;  border-left: 4px solid #828282; border-bottom: 1px dotted #ccc; padding-left: 5px;}
div.art_body{line-height: 1.5em; width: 520px; margin-top: 15px;}
div#main div.content div.art_box span.account{font-weight: bold;}
div#main div.content ul.tag{margin: 0; padding: 0;}
div#main div.content ul.tag li{float: left; margin-right: 0.5em; line-height: 150%; font-size: 10px;}
p.art_reported {margin-bottom: 10px; width: 560px;}


/*-----Right_Clm-Layout-----*/
div#sub div#sort_miles ul li,div#sub div.sort_goal ul li,div#sort_goal ul li,div#sub div#sort_cate ul li,div#sub div#sort_month ul li,div#sub div#recent ul li{margin: 6px 0 0 1em;
background: url(/images/article/arrow_orange.gif) no-repeat left 6px; padding-left: 7px;}
div#sub h2{color: #fff; font-size: 12px; letter-spacing: 0.1em; line-height: 16px; background: url(/images/article/sub_bar_gray.gif) no-repeat left center;
padding: 0 0 0 10px; margin: 15px 5px 0 5px;}
.right_more {margin-top: 8px; width: 190px; text-align: right;}
div.sidecost {margin: 10px 0 0 20px;}
.costdisp {margin: 10px 0 15px 50px;}
div#sub div#calendar{padding: 10px; margin: 0px 5px 15px 5px; background-color: #eee; width: 165px;}
div#sub div#calendar table{width: 100%;}
div#sub div#calendar table td,div#sub div#calendar table th{text-align: center;}
div#sub div#rssfeed {width: 190px; text-align: right; margin: 15px 0 25px 0;}