/**********************************************************************
Liebe～リーベ～｜heiのイラストサイト(html/css by.yoshida-2013.07.16)
頁内実装
**********************************************************************/
@charset "Shift_JIS";

/* ==================================
トップページ
================================== */
#header #top_visual_head{/*メインビジュアル*/
	width:970px;
	height:120px;
	background:url(../img/visual_head.png) no-repeat;}

#header #top_visual_main{
	width:970px;
	height:286px;}

#top_visual_main .art{
	width:560px;
	height:286px;
	float:left;
	background:url(../img/visual_left.png) no-repeat;}

#top_visual_main .art .artimg{
	width:391px;
	height:286px;
	float:right;}

#top_visual_main .txt{
	width:410px;
	height:286px;
	float:left;
	background:url(../img/visual_right.png) no-repeat;}

#top_visual_title{
	width: 970px;
	height: 124px;
	clear: both;
	background:url(../img/visual_title.png) no-repeat;}	
	
#top_visual_title h1,
#top_visual_title h2,
#top_visual_title h3{
	float:left;}	

#top_email{
	margin:0 33px 0 0;
	width:137px;
	height:124px;
	float:right;}

/*****メインコンテンツ*****/
#toppage{/*ページID*/
	width:970px;
	margin:0;}

#toppage #top_content{
	width:970px;
	clear: both;
	margin: 0 0 0 0;
	background:url(../img/top_content.png) no-repeat 314px 0;}	

/*#toppage #top_content {   
    overflow: hidden;}

* html #toppage #top_content {   
    height: 1%;}*/


/***ギャラリーボタン***/
#toppage #top_content .gallery_bt{
	margin:0 0 15px 0;
	width:314px;
	height:269px;
	float:left;
	background: url(../img/gallery_back.png) no-repeat;}

#toppage #top_content .ga_bt{
	margin:11px 0 0 27px;
	width:279px;
	height:239px;}

/***ニュース***/
#toppage #top_content #news{
	margin:0 0 15px 0;
	width: 634px;
	height: 269px;
	float: right;
	background:url(../img/news_back.png) no-repeat;}

#toppage #top_content #news a:link,
#toppage #top_content #news a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;}

#toppage #top_content #news a:hover {
	color: #933;
	text-decoration: none;
	border-bottom: 1px solid #933;}

#toppage #top_content #news #item_wrap{
	margin:45px 0 0 0;}

#toppage #top_content #news .item{
	width:470px;
	margin:0 0 0 72px;}

#toppage #top_content #news .item p.txt{
	padding:13px 0;
	color: #000;
	display: block;}
	
#toppage #top_content #news .item p.txt span{
	padding:0 12px 0 0;
	color: #000;
	font-weight: bold;}

#toppage #top_content #news .item p.txt{
	border-bottom: 2px dotted #704B32;}

/***下段メニュー***/
#toppage #top_content #bt_wrap{
	clear: both;
	width:970px;
	height:193px;}

#toppage #top_content #bt_wrap .concept_bt{
	width:314px;
	height:193px;
	float: left;
	background: url(../img/concept_back.png) no-repeat;}

#toppage #top_content #bt_wrap .con_bt{
	margin:13px 0 0 27px;
	width:276px;
	height:168px;}	

#toppage #top_content #bt_wrap .link_bt{
	margin:0 0 0 22px;
	width:300px;
	height:193px;
	float: left;
	background: url(../img/link_back.png) no-repeat;}

#toppage #top_content #bt_wrap .lin_bt{
	margin:12px 0 0 15px;
	width:278px;
	height:166px;}

#toppage #top_content #bt_wrap .blog_bt{
	margin:0 0 0 20px;
	width:300px;
	height:193px;
	float: left;
	background: url(../img/blog_back.png) no-repeat;}

#toppage #top_content #bt_wrap .blo_bt{
	margin:12px 0 0 12px;
	width:278px;
	height:166px;}

/* ==================================
ページ共通
================================== */
#page_head{/*ページメインビジュアル*/
	width:970px;
	height:276px;}

#page_head #page_title{
	width:970px;
	height:156px;
	background: url(../img/page_head.png) no-repeat;}

#page_head #rogo{
	width:476px;
	height:62px;
	margin:80px 0 0 73px;}

#pagemenu_wrap{
	width:970px;
	height:120px;
	background:url(../img/page_menu_back.png) no-repeat;}

#pagemenu{
	width:500px;
	height:45px;
	padding:0 0 0 73px;
	float:left;}

#pagemenu ul {list-style:none; position:absolute;}
#pagemenu span.alt {display:none;}
#pagemenu li { display:block;float:left;position:absolute;}
#pagemenu a{width:120px;height:45px;background:url(../img/page_menu.gif) no-repeat;}

#pagemenu li.menu1 a{background-position:0px 0px;position:absolute; top:0; left:0px;}
#pagemenu li.menu2 a{background-position:-120px 0px;position:absolute; top:0; left:120px;}
#pagemenu li.menu3 a{background-position:-240px 0px;position:absolute; top:0; left:240px;}
#pagemenu li.menu4 a{background-position:-360px 0px;position:absolute; top:0; left:360px;}

#pagemenu li.menu1 a:hover{background-position:0px -45px;}
#pagemenu li.menu2 a:hover{background-position:-120px -45px;}
#pagemenu li.menu3 a:hover{background-position:-240px -45px;}
#pagemenu li.menu4 a:hover{background-position:-360px -45px;}

#pagemenu_wrap #page_email{
	margin:0 33px 0 0;
	width:137px;
	height:120px;
	float:right;}

#pageback{
	width:970px;
	background:url(../img/page_back_middle.png) repeat-y;}

#pageback #page_back_up {
	width:970px;
	background: url(../img/page_back_up.png) no-repeat;}

#page_back_un {
	width:970px;
	height:103px;
	background:url(../img/page_back_un.png) no-repeat bottom;}

/* ==================================
ギャラリー
================================== */
#gallery{
	width:870px;
	/*min-height: 300px;
	height: auto !important;
	height: 300px;*/
	margin:0 0 0 50px;}

#gallery .title {
	margin:0 0 0 144px;
	width:584px;
	height:75px;
	background:url(../img/page_gallery_title.gif) no-repeat;}

#gallery #group{
	width:870px;}

#gallery #group .between{
	clear: both;
	margin:10px 0 0 0;
	overflow: hidden;}

#gallery #group p{
	margin:0 9px 0 0;
	width: 167px;
	height: 137px;
	display: block;
	float: left;
	background: url(../img/group_back.gif) no-repeat;}

#gallery #group p img{
	padding:4px 0 0 4px;}

#gallery #group p.px8{
	margin:0 8px 0 0;}

#gallery #group p.no{
	margin:0 0 0 0;}


/* ==================================
コンセプト
================================== */
#consept{
	width:870px;
	margin:0 0 0 50px;
	background:url(../img/consept_txt_back.gif) no-repeat 0 150px;}

#consept .title {
	margin:0 0 0 144px;
	width:584px;
	height:75px;
	background:url(../img/page_consept_title.gif) no-repeat;}

#consept .consept_txt{
	margin:30px 0 0 248px;
	width:374px;
	height:615px;
	background:url(../img/consept_txt.gif) no-repeat;}

#consept .profile_txt{
	margin:40px 0 0 188px;
	width:494px;
	height:16px;
	background:url(../img/profile_txt.gif) no-repeat;}



/* ==================================
リンク
================================== */
#link{
	width:870px;
	min-height: 470px;
	height: auto !important;
	height: 470px;
	margin:0 0 0 50px;}

#link .title {
	margin:0 0 0 144px;
	width:584px;
	height:75px;
	background:url(../img/page_link_title.gif) no-repeat;}

#link .list{
	width:600px;
	margin:0 0 0 135px;
	text-align: center;}

#link .list p{
	width:600px;}

#link p.listtitle{
	margin:15px 0 0 0;
	padding:0 0 0 0;
	display: block;
	color: #7B4848;
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif}

#link p.txt{
	padding:5px 0;
	display: block;
	font-size: 13px;}

#link p.txt a:link,
#link p.txt a:visited {
	color: #6C6239;
	text-decoration: none;
	border-bottom: 1px dotted #6C6239;}

#link p.txt a:hover {
	color: #933;
	text-decoration: none;
	border-bottom: 1px solid #933;}