@charset "utf-8";


/* -------------------------------------

  :::::::::::layout style CSS:::::::::::

------------------------------------- */

/* _txt_link
-----------------------------------*/
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* _top entrance
-----------------------------------*/
#top_entrance {
	background-color: #fff;
	margin:0;
	width:100%;
}

#top_staff{
}

#top_entrance h1 {
	width: 559px;
	margin:15px 0 15px 30px;
}

#top_entrance p{
	width: 559px;
	margin:15px 0 0 30px;
	line-height:22px;
	text-align:left;
}

#top_home {
	width: 150px;
	padding:30px 0 25px 30px;
	text-decoration: underline;
	 color: blue; 
}
#top_home a:hover {
	background-color: #e0e0e0;
}
#top_home a:link {
	 color: blue; 
 }
#top_home a:visited { 
	color: blue; 
}
.top_title{
 color:#be1f1f;
}

/* _information menu
-----------------------------------*/

body {
	margin:0;
	padding:0;
	font: 12px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック",  sans-serif;
	color: #000;
}


#information_menu {
	width: 608px;
	height: 111px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -55px;
	margin-left: -304px;
}

#information_menu img {
	vertical-align: bottom;
}

ul#menu_navi {
	width: 608px;
	overflow: hidden;
	margin-bottom: 18px;
}

ul#menu_navi li {
	float: left;
}

#menu_info h1 {
	margin-right: 34px;
	float:left;
}

#menu_info h3.address_01 {
	margin-right: 31px;
	padding-top: 10px;
	float: left;
}

#menu_info h3.address_02 {
	padding-top: 10px;
}

p.site_url {
	height: 12px;
	padding-bottom: 6px;
	line-height: 0px;
}

div#menu_footer {
	height:11px;
}

ul#menu_navi li img,
#menu_info h1 img,
#menu_info h2 img,
#menu_info h3 img {
	vertical-align: bottom;
}

/* _header
-----------------------------------*/
#header {
	width: 100%;
	height: 169px;
}

#header h1.works_archive_title {
	padding: 90px 75px 0 152px;
	width: 144px;
	float:left;
}

#header h1.logo_typo_title {
	padding: 90px 68px 0 152px;
	width: 195px;
	float:left;
}

#page_navi {
	padding-top: 97px;
	widows: 207px;
	float: left;
}

#page_navi img {
	margin-right: 29px;
}

#menu {
	float: right;
	width: 153px;
	padding: 60px 46px 0 0;
}

#menu p {
	padding-bottom: 9px;
}

#menu p img {
	vertical-align: bottom;
}

/* _content_works
-----------------------------------*/

#content {
	width:100%;
}

/* 年度別のくくりdiv。ページのトップにくるなら、画像の点線をつける。 */
#ad_2010 {
	/*background: url(../portfolio/share_imgs/2009.gif) no-repeat 2px bottom;*/
	width: 3631px;
	/*border-top: 1px #999 solid;*/
	position: relative;
}
div.works_case_top_2010 {
	background: url(../portfolio/share_imgs/top_ad_title_line.gif) no-repeat 44px top;
	width: 3631px;
}
div.works_case_2010 {
	width: 3631px;
}


#ad_2009 {
	/*background: url(../portfolio/share_imgs/2009.gif) no-repeat 2px bottom;*/
	width: 3231px;
	/*border-top: 1px #999 solid;*/
	position: relative;
}

#ad_2008 {
	background: url(../portfolio/share_imgs/2008.gif) no-repeat 2px bottom;
	width: 3231px;
	/*border-top: 1px #999 solid;*/
	position: relative;
}

#ad_2007 {
	/*background: url(../portfolio/share_imgs/2007.gif) no-repeat 2px bottom;*/
	width: 3231px;
	border-top: 1px #999 solid;
	position: relative;
}

#ad_2006 {
	background: url(../portfolio/share_imgs/2006.gif) no-repeat 2px bottom;
	width: 3231px;
	/*border-top: 1px #999 solid;*/
	position: relative;
}

#ad_2005 {
	width: 3231px;
	border-top: 1px #999 solid;
	position: relative;
}

#ad_2004 {
	width: 3231px;
	/*border-top: 1px #999 solid*/;
	position: relative;
}

div.works_case_top {
	background: url(../portfolio/share_imgs/top_ad_title_line.gif) no-repeat 44px top;
	width: 3231px;
}

div.works_case_top_2004 {
	background: url(../portfolio/share_imgs/top_ad_title_line.gif) no-repeat 58px top;
	width: 3231px;
}

div.works_case {
	width: 3231px;
}

div.works_title {
	width: 300px;
	float:left;
	position: relative;
}

h2.top_ad_title {
	position: absolute;
	top:  -6px;
	left: 2px;
}

h2.top_ad_2004_title {
	width: 50px;
	position: absolute;
	top: -14px;
	left: 2px;
}

div.works_title h3 {
	float: left;
	width: 76px;
	margin-top: 70px;
	margin-right: 36px;
	margin-left: 39px;
	display: inline;
}

div.works_title h4 {
	float: left;
	width: 149px;
	margin-top: 70px;
	margin-bottom: 24px;
	display: inline;
}

div.works_title p.web_link,
div.works_title p.enlarge_link {
	margin-left: 150px;
}

ul.thumbnail,
ul.thumbnail_spece01,
ul.thumbnail_spece02,
ul.thumbnail_spece03 {
	background: url(../images/line.gif) repeat-x top left;
	float:left;
	padding: 70px 0;
	width:2787px;
}

ul.thumbnail_ad_top {
	float:left;
	padding: 70px 0;
	width:2787px;
}
ul.thumbnail_ad_top_2010 {
	float:left;
	padding: 70px 0;
	width:3287px;
}
ul.thumbnail_2010 {
	background: url(../images/line.gif) repeat-x top left;
	float:left;
	padding: 70px 0;
	width:3287px;
}

ul.thumbnail img,
ul.thumbnail_2010 img,
ul.thumbnail_ad_top img,
ul.thumbnail_ad_top_2010 img,
ul.thumbnail_spece01 img,
ul.thumbnail_spece02 img,
ul.thumbnail_spece03 img {
	vertical-align: bottom;
}

/* サムネイル画像の右マージン幅指定 */
ul.thumbnail li,
ul.thumbnail_ad_top li,
ul.thumbnail_ad_top_2010 li,
ul.thumbnail_2010 li {
	display: inline;
	margin-right: 12px;
}

ul.thumbnail_spece01 li {
	display: inline;
	margin-right: 67px;
}

ul.thumbnail_spece02 li {
	display: inline;
	margin-right: 60px;
}

ul.thumbnail_spece03 li {
	display: inline;
	margin-right: 17px;
}

/* サムネイル画像初めの画像のみ左マージン8px */
ul.thumbnail_ad_top_2010 li.first_thumbnail,
ul.thumbnail_2010 li.first_thumbnail,
ul.thumbnail li.first_thumbnail,
ul.thumbnail_ad_top li.first_thumbnail,
ul.thumbnail_spece01 li.first_thumbnail,
ul.thumbnail_spece02 li.first_thumbnail,
ul.thumbnail_spece03 li.first_thumbnail {
	margin-left: 8px;
}

ul.thumbnail_2010 li.medalotweb_space{
	margin-left: 50px;	
}

ul.thumbnail li.last_thumbnail,
ul.thumbnail_ad_top li.last_thumbnail {
	margin-right: 0px;
}

/* 年度の区切り目、ライン下にあたる年度表記 */
h2.pause_under_year {
	position: absolute;
	top: 7px;
	left: 2px;
	display: inline;
}

/* ページの一番下になるサムネイルにつける点線 */
div.last_archive_step {
	background: url(../images/line.gif) repeat-x bottom left;
	margin-left:300px;
	width:2787px;
}

/* サムネイルのタイトル画像上にくるマージン幅 */
.title_space_bigger {
	padding-top: 70px;
}

.title_space_large {
	padding-top: 60px;
}

.title_space_wide {
	padding-top: 56px;
}

.title_space_middle {
	padding-top: 44px;
}

.title_space_narrow {
	padding-top: 23px;
}

.title_space_minimum {
	padding-top: 8px;
}

/* _content_logo&typo
-----------------------------------*/
.content_wrap {
	width: 1615px;
}

#logo_case {
	width: 678px;
	float:left;
	padding-left: 39px;
}

#logo_case img,
#typo_case img {
	vertical-align: bottom;
}

#logo_case dl dt,
#typo_case dl dt {
	float:left;
	width:135px;
}

#logo_case dl dd {
 background: url(../images/line.gif) repeat-x top left;
	width:543px;
	float:right;
	text-align: center;
}

/* ロゴの画像の上下余白 */
dl.logo_h70 dd,
dl.last_logo_h70 dd {
	padding: 70px 0;
}

dl.logo_h80 dd {
	padding: 80px 0;
}

dl.logo_h90 dd {
	padding: 90px 0;
}

dl.last_logo_h70 {
 background: url(../portfolio/imgs_logo/long_line.gif) no-repeat bottom left;
}

#typo_case {
	width: 742px;
	float:right;
	padding-left: 56px;
	margin-right:100px;
}

#typo_case dl dd {
 background: url(../images/line.gif) repeat-x top left;
	width:607px;
	float:right;
	text-align: center;
}

/* タイポグラフィの画像の上下余白 */
dl.typo_h50 dd {
	padding: 50px 0;
}

dl.typo_h60 dd {
	padding: 60px 0;
}

dl.typo_h70 dd {
	padding: 70px 0;
}

dl.typo_h80 dd {
	padding: 80px 0;
}

dl.typo_h90 dd {
	padding: 90px 0;
}

dl.typo_h100 dd,
dl.last_typo_h100 dd {
	padding: 100px 0;
}

dl.last_typo_h100 {
 background: url(../portfolio/imgs_logo/long_line.gif) no-repeat bottom left;
}


/* 作品タイトル上の余白 */
.space_h70 {
	padding-top: 70px;
}

.space_h80 {
	padding-top: 80px;
}

.space_h90 {
	padding-top: 90px;
}

.space_h100 {
	padding-top: 100px;
}

.space_h110 {
	padding-top: 110px;
}

.space_h120 {
	padding-top: 120px;
}

.space_h130 {
	padding-top: 130px;
}

/* _google map
-----------------------------------*/
#map {
	width: 680px;
	height: 600px;
}


/* _footer
-----------------------------------*/
#footer {
	width: 100%;
	padding: 34px 0 50px 0;
	overflow: hidden;
}

#footer address {
	margin-left: 39px;
	float: left;
	width: 202px;
}

p.page_top {
	float:right;
	margin-right: 46px;
}

#footer span.prev_btn {
	padding-right: 8px;
}

#footer span.next_btn {
	padding-right: 10px;
}

#footer span.next_btn {
	padding-right: 10px;
}