@charset "utf-8";

/***********************************
  TOTO
  /stylesheets/article/project.css
***********************************/

@import url("/stylesheets/portal/base.css");


/*==================================
  Detail_Layout
==================================*/
/*--title_area--*/
div.title-box {width:950px; margin:15px auto 30px;}
div.title-box-inner {border:2px solid #ababab; background:url(/images/article/back_tit.jpg) repeat-y; padding:20px;}
div.shop-box {width:600px; float:left;}
div.shop-box h2 {font-size:18px; color:#fff; padding-bottom:7px;}
div.shop-box ul li {list-style:none; width:130px; float:left; margin-right:10px;}
ul.other-navi {list-style:none; width:268px; float:right;}
ul.other-navi li {width:129px; float:left; margin-right:10px;}
ul.other-navi li.none {margin-right:0;}

/*--main_contents--*/
div#main-contents {width:950px; margin:0 auto; padding-bottom:20px;}

/*--main--*/
div#main {width:730px; float:left;}
div#main dl.clip-area {height:30px; overflow:hidden;}
div#main dl.clip-area dt {width:150px; float:left;}
div#main dl.clip-area dd {width:400px; float:right; padding-top:5px;}
div#main dl.clip-area dd p#print {padding:0 7px 5px; text-align:right;}
div#main dl.clip-area dd p#print a {font-weight:bold; color:#333; text-decoration:none; background:url(/images/article/lm_print.gif) left no-repeat; padding-left:20px;}
div#main dl.clip-area dd p#print a:hover {color:#c00; text-decoration:underline;}
h3.project-title {font-size:20px; color:#000; border:1px solid #ababab; margin-bottom:10px; background:url(/images/article/lm02.gif) left 10px no-repeat; padding:8px 30px; line-height:1;}
div.main-body {border:1px solid #ababab; border-width:0 1px; padding:5px 20px 10px; overflow:hidden;}
dl.article-tit dt {padding:0 0 10px 5px;}
dl.article-tit dd h3 {font-size:14px; border-bottom:1px dotted #ccc; border-left:4px solid #0cb14b; padding:2px 7px;}
div.article-box {padding:15px 0;}
div.article-box p {padding-bottom:15px;}
div.article-box ul.reported {list-style:none; padding-top:15px;}
div.article-box ul.reported li {float:left; border-right:1px solid #ababab; padding-right:10px; margin-right:10px;}
div.article-box ul.reported li.none {padding:0; margin:0; border:none;}
div.article-box ul.reported li span {font-weight:bold;}
div.project-box {border:3px solid #b0afae; background:#fff3dd; padding:10px; color:#333;}
div.project-box table {width:136px; height:136px; border:1px solid #c4a788; border-width:1px 0 0 1px; background:#fff; float:left;}
div.project-box table td {vertical-align:middle; text-align:center;}
div.project-box div.text-area {width:540px; float:right;}
div.project-box div.pht-area {width:145px; float:left;}
div.project-box div.pht-area table {float:none;}
div.project-box div.pht-area p {font-size:10px; margin-top:3px;}
div.text-area dl.spec {padding-bottom:15px;}
div.text-area dl.spec dt {width:80px; float:left; text-align:center; font-weight:bold; font-size:13px;}
div.text-area dl.spec dd {width:450px; float:right;}
div.text-area dl.keyword-area {padding-top:15px;}
div.text-area dl.keyword-area dt {font-size:10px; padding-bottom:3px; font-weight:bold;}
div.text-area dl.keyword-area dd ul.txt-keyword {list-style:none; font-size:10px; line-height:1.5;}
div.text-area dl.keyword-area dd ul.txt-keyword li {float:left; margin-right:12px;}
div.text-area dl.keyword-area dd p.position {font-size:10px; font-weight:bold; padding-top:4px;}
div.text-area dl.keyword-area dd ul.icon-keyword {list-style:none; padding-top:5px; width:476px;}
div.text-area dl.keyword-area dd ul.icon-keyword li {width:65px; height:22px; float:left; margin:0 3px 2px 0;}
div.project-box p.detail-spec {padding-top:15px;}
div.project-box p.detail-spec span {margin-right:15px;}
dl.entry-keywords {padding:10px 0 5px; border-bottom:1px solid #ababab;}
dl.entry-keywords dd ul {list-style:none; font-size:10px; line-height:1.5;}
dl.entry-keywords dd ul li {float:left; margin-right:12px;}
div.box-top {height:10px; background:url(/images/article/box_top.gif); margin-top:20px;}
div.box-bottom {height:10px; background:url(/images/article/box_bottom.gif) center top no-repeat;}

/*--side--*/
div#side {width:200px; float:right;}
div#side-inner {border:1px solid #ababab;}
div#side-inner h4 {color:#fff; padding:3px 10px; margin-bottom:10px; font-size:13px; background:url(/images/article/back_side_tit.gif) repeat-y;}
div#side-inner ul {list-style:none; padding:0 10px 10px;}
div#side-inner ul li {background:url(/images/article/lm01.gif) left 3px no-repeat; padding-left:12px; margin-bottom:6px;}
div#side-inner p {padding:0 10px 15px; text-align:right;}
div.sidecost {padding:0 10px 15px;}
div.sidecost select {border:1px solid #ababab; font-size:10px; width:75px;}
div.sidecost input.costdisp {border:1px solid #ababab; text-align:center; padding:2px 0; width:70px; background:#efefef; cursor:pointer; margin:7px 0 0 55px;}
div#calendar {padding:0 10px 15px;}
div#calendar table {width:175px;}
div#calendar table td,div#calendar table th {text-align:center;}
div#rssfeed {padding:5px 10px 15px; text-align:right;}