@import url(doko.css);



/* Base Setting
--------------------------------------------------*/
* {
    margin: 0;
    padding: 0;

}


body {
	font-family: 'メイリオ',Verdana, Helvetica, Chicago, Arial, Sans-Serif ;
	/**Verdana, Chicago, sans-serif,MS PGOTHIC***/
    font-size: 79%;
    line-height: 140%;
    background: #fff;
    color: #444;
   	overflow-x: hidden;

}

h1, h3, h4, h5, h6 {
    font-size: 100%;
}

h2 {
    font-size: 130%;
    display: block;
    padding:0 0 7px 0;
    margin:0 0 15px 0;
    border-bottom: 1px solid #777;
}

td {
    vertical-align: top;
}

ul,ol {
    list-style: none;
}

img {
    border: none;	
}

fieldset {
    border: none;
}

.clear {
    clear: both;
}

a:link {
    color: #990000;
}
a:visited {
    color: #CC0000;
}
a:hover {
    color: #FF6600;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
    
}
a:active {
    color: #333333;
}

a {
	outline: 0;
}



/* table Setting
--------------------------------------------------*/
table {
    border: none;
}

table th {
    border: none;
    text-align: left;
    vertical-align: top;
}

table td {
    border: none;
    text-align: left;
    vertical-align: top;
}



/* Layout
--------------------------------------------------*/
/*-- ラッパーコンテナ --*/
#wrapper {
    width: 100%;
    height: auto;
}



/*-- ヘッダー --*/
#header_top  {
    margin: 0px auto;
    width: 960px;
    height: auto;
}


#header_top div#logo {
    width: 411px;
    height: auto;
    float: left;
    margin:10px 0 0 0;
}

#header_top div#logo a {
    width: 411px;
    height: 54px;
    background: url("../img/common/logo.jpg") no-repeat left top;
    text-indent: -9999px;
    display: block;
}
h1#all-title {
	float: left;
	font-weight:normal;
	font-size:11px;
	margin:5px 0;
}
.top-sub-menu {
	float:right;
	margin:5px 0;
}
.top-sub-menu li{
	display:inline;
	font-size:11px;
	margin:5px ;
}
/*-- グローバルナビゲーション（3つのバージョン） --*/
/*
div#common_navi {
	clear: both;
	width:100%;
	height:80px ;
	background: url("../img/common/common_menu_bg.gif") repeat-x left top;
	margin:0 auto;
	border-top: 1px solid #eee;
	padding:1px;
}
*/
div#common_navi {
	clear: both;
	width:100%;
	height:45px ;
	margin:0 auto 30px auto;
}

div#navi960 {
	width: 940px;
	margin: 0 auto;
	background: url(../img/common/nav-bg.gif) no-repeat left top;
	overflow: hidden;
	padding:0 10px;
}
#main-nav {
}
#main-nav li{
	float: left;
	font-size:14px;
	font-weight:bold;
	margin:4px 5px 0 0;
}
#main-nav li a{
	display: block;
	_float: left;
	text-decoration: none;
	text-align: center;
	color:#111;
	line-height:41px;
	text-shadow:0 -1px 1px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,1);
	-moz-text-shadow:0 -1px 1px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,1);
	-webkit-text-shadow:0 -1px 1px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,1);
	background: url(../img/common/nav-li-bg-off.png) no-repeat left top;
	width: 151px;
	height:41px;
}
#main-nav li a:hover{
	background: url(../img/common/nav-li-bg-on.png) no-repeat left top;
	color:#000;

}
#main-nav li.stay a {
	background: url(../img/common/nav-li-bg-on.png) no-repeat left top;
}

/**
div#navi960 ul {
	width:630px;
	height: 58px;
}
div#navi960 ul li {
	width: 207px;
	height: 58px;
	float: left;

}

div#navi960 ul li a {
	display:block;
	width: 207px;
	height: 58px;
	text-indent:-9999px;
}
div#navi960 ul li#navi_03 a {width:208px;}

div#navi960 ul li#navi_01 a {background: url("../img/common/common_menu_01.gif") no-repeat left top;}
div#navi960 ul li#navi_02 a {background: url("../img/common/common_menu_03.gif") no-repeat left top;}
div#navi960 ul li#navi_03 a {background: url("../img/common/common_menu_02.gif") no-repeat left top;}

div#navi960 ul li#navi_01 a:hover {background: url("../img/common/common_menu_01.gif") no-repeat left -58px;}
div#navi960 ul li#navi_02 a:hover {background: url("../img/common/common_menu_03.gif") no-repeat left -58px;}
div#navi960 ul li#navi_03 a:hover {background: url("../img/common/common_menu_02.gif") no-repeat left -58px;}


div#navi960 ul li#navi_01_stay a {background: url("../img/common/common_menu_01.gif") no-repeat left -58px;}
div#navi960 ul li#navi_02_stay a {background: url("../img/common/common_menu_03.gif") no-repeat left -58px;}
div#navi960 ul li#navi_03_stay a {background: url("../img/common/common_menu_02.gif") no-repeat left -58px;}
**/

/************ads_search****************/
div#ads_result {
	width:960px;
	margin:0 auto;
}


div#search_form {
	float: right;
	height:58px;
}
div#search_form p#ads_text {
	text-align:left;
	background: url("../img/common/ads_search.gif") no-repeat left center;
	text-indent:-9999px;
}

/*-- フッターナビゲーション --*/
#f_navi a:link {
    color: #666666;
}
#f_navi a:visited {
    color: #666666;
}
#f_navi a:hover {
    color: #333333;
}
#f_navi a:active {
    color: #666666;
}

#f_navi {
	margin: 0px auto;
	width: 960px;
	height: auto;
	background-color: #dddddd;
	display: block;
}

#f_navi ul {
	margin: 0px auto;
	width: 940px;
	height: auto;
}

#f_navi li {
	padding: 7px 7px 7px 0em;
	display: block;
	float: left
}



/*-- コピーライト --*/
#copyright {
	margin: 10px auto;
	width: 960px;
	height: auto;
	overflow: hidden;
}
#copyright h3 {
	font-weight:normal;
	font-size: 10px;
	height: auto;
}

#copyright p {
	font-size: 10px;
	height: auto;
}



/*-- ページトップリンク2 --*/
.page_top {
	margin: 0px auto 30px auto;
	width: 98%;
	height: auto;
}

.page_top p {
	width: 100%;
	height: auto;
	text-align: right;
	clear:both;
}


/*-- サイト概要 --*/
.overview {
    width: 960px;
	height: auto;
}

.overview h2 {
    margin: 0px 0.5em 0px 0px;
    padding: 0px;
    font-size: 100%;
    font-weight: bold;
    color: #996633;
    background: none;
    border-left: none;
}

.overview p {
    margin-bottom: 0.5em;
}








/*-- カテゴリー別ページ 建築家名  --*/
#category {
    margin: 10px auto;
    width: 960px;
    height: auto;
}

#category #category_list {
    width: 690px;
    height: auto;
    overflow: hidden;
    float: left;
}

#category #category_list dl {
    margin-right: -20px;
    margin-bottom: 3em;
    width: 710px;
    height: auto;
    clear:both;
    display: block;
}

#category #category_list dd.archi {
		margin:0 10px 10px 0 ;
		float: left;
		width: 210px;
    padding-left: 16px;
    background: url("../img/common/category_icon_stay.gif") no-repeat left center;
    display: block;
}

#category #category_list dt.category_title {
	width: 948px;
	clear:both;
  font-size:24px;
  padding: 0px 15px;
  height:49px;
  line-height:54px;
  background: url("../img/common/category_bar_02.gif") no-repeat left top;
  border:none;
  font-weight:bold;
  color:#073385;
  margin:0 0 10px 0;
   /*
  background-color: #ffeebb;
  */
}

#category #category_list dd.category_not_found {
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    padding-left: 0px;
    background-image: none;
}



/*-- カテゴリー別ページ 国名 --*/
#category #category_list div.country {
	width:710px;
	margin-right:-20px;
	
}
#category #category_list div.country p.category_title {
	width: 678px;
	clear:both;
  font-size:24px;
  padding: 0px 15px;
  height:49px;
  line-height:54px;
  background: url("../img/common/category_bar_03.gif") no-repeat left top;
  border:none;
  font-weight:bold;
  color:#003300;
  margin:0 0 10px 0;

   /*
  background-color: #ffeebb;
  */
}
#category #category_list div.country dl{
	overflow: auto;
	border-bottom: 1px dotted #AAA;
	width: 690px;
	margin: 0 0 10px 0;
	_padding-bottom: 5px;
}
#category #category_list div.country dt.category_sub_title {
    margin-top: 5px;
}
#category #category_list div.country dt.category_sub_title span {
    background-color: #EEE;
    display: inline;
    padding :3px 10px;
    font-weight: bold;
    border: 1px solid #cccccc;
}
#category #category_list div.country dd {
	margin: 5px 5px 5px 0;
  float: left;
  padding-left: 16px;
  background: url("../img/common/category_icon_stay.gif") no-repeat left center;
  display: block;
  width:145px;
}
#category #category_list div.country p.category_not_found {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    padding-left: 0px;
    background-image: none;
}


/********エラーテキスト*******/

.error_text {
	background: url("../img/common/attention.gif") no-repeat 2px center;
	padding:1px 0 1px 20px;
	font-weight: normal;
	color:tomato;

}
/*********ソーシャルブックマーク*******/
h3.sbm_title {
	background: url("../img/common/sbm_title.gif") no-repeat left top;
	width: 250px;
	height:32px;
	text-indent:-9999px;
	margin:0;
	padding:0;

}
div.sbm_area {
	border:1px solid #D0C1AD;
	border-top: none;
	padding: 10px;
}
ul.bookmarkarea {
	padding:10px;
	text-align:right;
	clear:both;
}
ul.bookmarkarea li{
	float: left;
	margin:0 2px 5px 2px;
	padding:0;
}

ul.bookmarkarea li a {
	text-align:left;
	width:16px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent:-999px;
}
ul.bookmarkarea li.bloglines a {background:url("../img/sbm/bloglines.gif") no-repeat left top;}
ul.bookmarkarea li.bookdaq a {background:url("../img/sbm/bookdaq.gif") no-repeat left top;}
ul.bookmarkarea li.buzzurl a {background:url("../img/sbm/buzzurl.gif") no-repeat left top;}
ul.bookmarkarea li.choix a {background:url("../img/sbm/choix.gif") no-repeat left top;}
ul.bookmarkarea li.corich a {background:url("../img/sbm/corich.gif") no-repeat left top;}
ul.bookmarkarea li.delicious a {background:url("../img/sbm/delicious.gif") no-repeat left top;}
ul.bookmarkarea li.digg a {background:url("../img/sbm/digg.gif") no-repeat left top;}
ul.bookmarkarea li.drecom a {background:url("../img/sbm/drecom.gif") no-repeat left top;}
ul.bookmarkarea li.fc2 a {background:url("../img/sbm/fc2.gif") no-repeat left top;}
ul.bookmarkarea li.goo a {background:url("../img/sbm/goo.gif") no-repeat left top;}
ul.bookmarkarea li.google a {background:url("../img/sbm/google.gif") no-repeat left top;}
ul.bookmarkarea li.hatena a {background:url("../img/sbm/hatena.gif") no-repeat left top;}
ul.bookmarkarea li.livedoor a {background:url("../img/sbm/livedoor.gif") no-repeat left top;}
ul.bookmarkarea li.nifty a {background:url("../img/sbm/nifty.gif") no-repeat left top;}
ul.bookmarkarea li.pookmark a {background:url("../img/sbm/pookmark.gif") no-repeat left top;}
ul.bookmarkarea li.technorati a {background:url("../img/sbm/technorati.gif") no-repeat left top;}
ul.bookmarkarea li.yahoo a {background:url("../img/sbm/yahoo.gif") no-repeat left top;}

div#all_right_box {
	width: 248px;
	height: 400px;
	border: 1px solid #AAA;
	float: right;
}
/******************cart*********************/
h3.cart_title {
	text-indent: -9999px;
	width: 250px;
	height:32px;
	background: url("../img/common/cart_title.gif") no-repeat left top;
	
}
div.crt_area {
	border: 1px solid #D0C1AD;
	border-top: none;
	padding:5px;
	margin-bottom:10px;
	overflow:hidden;
}
div.cart_box {
	clear:both;
	margin:5px auto 5px auto;
	border-bottom: 1px dotted #AAA;
	
}
div.cart_box div.pic {
	text-align:center;
	float:left;
	width:100px;
	border: 1px solid #DDD;
	padding:1px;
	margin:5px 5px 20px 0;
}
div.cart_box div img {
	max-width:100px;
	max-height:100px;
	
}

* html div.cart_box div img {
	width:expression(document.body.clientWidth < 100? “100px” :document.body.clientWidth > 100? “100px” : “auto”);
}
div.crt_area a#cart_next {
	display: block;
	background: url("../img/common/cart_next.gif") no-repeat left top;
	width:121px;
	height: 23px;
	float: right;
	text-indent:-9999px;
}

/**************category_right*****************/

div#category_right {
	width:250px;
	float: right;
	
}

/*************look_menu250*****************/
ul.look_menu250 {
	width: 250px;
	
}
ul.look_menu250 li{
	margin:0 0px 8px 0;
}
ul.look_menu250 li a {
	display: block;
	text-indent:-9999px;
	width:250px ;
	height: 55px;
	}
ul.look_menu250 li.building a {background: url("../img/common/look_menu250_01.gif") no-repeat left top;}
ul.look_menu250 li.archi a {background: url("../img/common/look_menu250_02.gif") no-repeat left top;}
ul.look_menu250 li.country a {background: url("../img/common/look_menu250_03.gif") no-repeat left top;}
ul.look_menu250 li a:hover {background-position:left -55px;}

/*********************common_sitemap*****************/

div#common_sitemap{
	width: 960px;
	margin:0 auto;
}
div#common_sitemap ul {
	margin:10px 10px;
}

div#common_sitemap ul li {
	float: left;
	font-size: 10px;
	margin-right:10px;

}
div#common_sitemap ul li a {
	color: #999;
	text-decoration:none;
	white-space: nowrap;
}
div#common_sitemap ul li a:hover {
	color: #666;
	text-decoration:underline;
}
/************top_affi*******/
.top_affi {
	float: right;
	width: 468px;
	height: 60px;
	background: #fff;
	margin:7px 0 0 0;
}

#etc_service {
	clear:both;
	background:#eee;
	padding:3px 5px;
	font-size:11px;
	margin:5px auto;
	width:950px;
}
#etc_service p{
	display:inline;
	margin-right:1em;
}
/**工学科リンク**/
.ksk_link {
  font-family:sans-serif;
  margin:15px 0 5px 2px;
  clear: both;
}
.ksk_link h4{
  margin:0;
  font-size:14px;
}
.ksk_link h4 a{
  text-decoration:underline;
  color:#8cb71e;
}
.ksk_link p{
  margin:0;
  font-size:11px;
  color:#555;
  padding:0;
  line-height:14px;
}
.ksk_link span {
  margin:0;

  }
.ksk_link span a{
  font-size:10px;
  color:#97b5d2;
  margin:0;
  line-height:14px;
}
/*news
---------------------------------------------------------------------*/
.news {
	border: 1px solid #C9BDA0;
	margin:10px 0 10px 0;
}
.news h3{
	background: url(../img/common/title_bar01.gif) repeat-x left center;
	padding:7px;
	border-bottom: 1px solid #C9BDA0;
	color:#CC0000;
}
.news dl{
	padding: 10px ;
}
.news dl a{
	text-decoration:none;
}
.news dl a:hover{
	text-decoration: underline;
}
.news dl dt{
	font-weight: bold;
	margin:0 0 4px 0;
}
.news dl dd{
	padding:0 0 5px 1em;
	border-bottom: 1px dotted #ddd;
}

/*****************amazon_area*****************/
.amazon_area {
	background: #eee;
	padding:3px 0 0px 3px ;
	overflow: hidden;
	border: 1px solid #999;
	border-top: 1px solid #FFF;

}

h3.ama_h3 {
	background: url(../img/common/gra_under.gif) repeat-x left bottom;
	line-height: 34px;
	padding: 0 5px;
	border: 1px solid #999;
	border-bottom: none;
}
h3.ama_h3 img{
	vertical-align: middle;
	margin: 0 3px 0 0;
}
.ama_box {
	float: left;
	width: 120px;
	background: #fff;
	margin: 0 2px 2px 0;
	text-align: center;
	font-size:11px;
	height:220px;
}
.ama_box img{
	display: block;
	margin: 6px auto 0 auto;
}
/*****/
.gyo-link {}
.gyo-link li{
	float: left;
	margin:0 3px 10px 0;
}
.gyo-link li a{
	float: left;
	display: block;
	padding:3px 5px ;
	background: #E1E9F7;
	border:1px solid #7CA0DC;
	color:#0033FF;
	font-weight:bold;
}
.gyo-link li a:hover{
	background: #F8D2FD;
	border:1px solid #CF74CB;
	color:#CC0033;
}
.up-btn {margin:0 0 10px 0;}
.up-btn a{
	display: block;
	width: 250px;
	background: url(../img/common/up-btn.gif) no-repeat left top;
	height:108px;
	text-indent:-9999em;
}
.map-btn {margin:0 0 10px 0;}
.map-btn a{
	display: block;
	width: 250px;
	background: url(../img/common/map-btn.gif) no-repeat left top;
	height:32px;
	text-indent:-9999em;
}