/*≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠

　株式会社北徳・共通スタイルシート　　
　最終更新日付：2009/08/21                        

≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/

BODY			{margin:0px; padding:0px; text-align:center; font-size:75%; line-height:1.5em; color:#4D4D4D;}

BODY			{font-family:Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; overflow:visible;}

IMG				{border:0px; margin:0px; vertical-align:top;}

BR				{clear:both;}

TH,TD			{font-weight:normal; text-align:left; vertical-align:top;}

ADDRESS			{font-style:normal; padding-bottom:5px;}

STRONG			{color:#000000;}

A:LINK 			{text-decoration:underline; color:#CC0000;}

A:VISITED		{text-decoration:underline; color:#CC0000;}

A:HOVER			{text-decoration:underline; color:#000066;}

A:ACTIVE		{text-decoration:underline; color:#000066;}

#container		{width:775px; margin:0px auto; text-align:left;}

.attention		{color:#CC0000;}


/*≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
　ヘッダーエリア
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/
#header			{width:775px; position: relative;}

#ttl_site		{
	margin:0px;
	padding:5px 0px 10px 0px;
	font-size:83%;
	font-weight:normal;
	color:#666666;
}

#ttl_site2		{
	margin:0px;
	padding:3px 0px 8px 0px;
	text-align:right;
	font-size:100%;
}

#gnavi			{margin:0px 0px 10px 0px; padding:0px; height:60px; list-style:none; clear: both;}

#gnavi LI		{float:left;}

.gnavilist		{margin-right:5px;}



/*≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
　ナビゲーション
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/
#navigation		{width:180px; float:left;}



/*≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
　メインコンテンツ
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/
#contents2		{border:1px #D9D9D9; border-style:solid solid none solid; width:773px; background:url(../img/common/bg_pagebody.gif) no-repeat center top; padding-bottom:70px;}

#listmenu2		{font-size:92%; line-height:1.2em; padding:15px 30px 30px 30px;}

#pagetitle		{display:inline; font-size:100%; line-height:1.2em; margin:0px; padding:0px;}

#pagetitle2		{margin:0px 0px 45px 44px; padding:0px; font-size:150%; line-height:1.2em;}

#pagetitle3		{margin:0px 0px 10px 44px; padding:0px; font-size:150%; line-height:1.2em;}

.midasi2a		{margin:0px 0px 10px 0px; padding:0px;}

.pagetext1		{margin:0px 59px 60px 62px; padding:0px; clear:both; font-size:100%;}
.pagetext2		{margin:0px 0px 50px 2px; padding:0px; clear:both; font-size:100%;}
.pagetext3		{margin:0px 59px 30px 59px; padding:0px; clear:both; font-size:100%;}
.pagetext4		{margin:0px 59px 10px 59px; padding:0px; clear:both; font-size:100%;}
.pagetext5		{margin:0px 44px 30px 44px; padding:0px; clear:both; font-size:100%;}
.pagetext6		{margin:0px 44px 50px 44px; padding:0px; clear:both; font-size:100%;}
.pagetext7		{margin:0px 0px 30px 0px; padding:0px; clear:both; font-size:100%;}
.pagetext8		{margin:0px 0px 10px 0px; padding:0px; clear:both; font-size:100%;}

#pricebox		{margin:25px 0px 0px 0px;}

#priceleft		{width:90px; margin:0px; padding:0px 0px 0px 10px; float:left;}

#priceright		{width:665px; margin:0px; padding:0px 10px 0px 0px; float:right;}

.box_cnt1		{margin:0px 59px 0px 59px;}

.box_premium1	{padding:0px 0px 0px 59px; float:left; width:322px;}

.box_premium2	{padding:0px 0px 0px 11px; float:left; width:322px;}

.btm_text		{margin:0px 59px 0px 59px; padding:15px 15px 15px 15px; clear:both; border:1px #CCCCCC solid; background-color:#F2F2F2;}

.btm_text2		{margin:0px 59px 0px 59px; padding:15px 15px 15px 15px; height:60px; clear:both; border:1px #CCCCCC solid; background-color:#F2F2F2;}

#linklist		{margin:0px 59px 0px 59px; padding:0px; list-style-type:none;}

#linklist LI	{margin:0px 0px 0px 5px; padding:0px; background:url(../img/link/icon.gif) no-repeat left 4px;}

#linklist H2	{margin:0px 0px 5px 17px; padding:0px; font-size:117%; font-weight:normal; line-height:1.2em;}

#linklist P		{margin:0px 0px 20px 17px; padding:0px;}

#contactbox		{margin:0px 59px; padding:25px 20px; background-color:#000000; color:#FFFFFF;}

#contacttbl		{width:100%;}

#contacttbl th	{width:25%; padding:5px 10px;}

#contacttbl td	{width:75%; padding:5px 10px;}

#submit			{margin:30px 0px 10px 0px; text-align:center;}

INPUT,TEXTAREA	{border:none;}

.tbox1			{width:100px;}

.tbox2			{width:200px;}

.bg_black		{background-color:#000000;}

.tbox3			{width:400px;}

.btmtext_left	{width:17%; float:left; margin:0px; padding:0px;}

.btmtext_right	{width:83%; float:right; margin:0px; padding:0px; font-size:92%;}

#isiguro		{margin:0px 59px 40px 59px; padding:0px 230px 0px 0px; background:url(../img/costume/ishiguro.jpg) no-repeat right top;}

#isiguro P		{margin:0px 0px 45px 2px; padding:0px; clear:both; font-size:100%;}

#salon1left		{width:290px; padding:0px 0px 50px 59px; float:left;}

#salon1right	{width:323px; padding:5px 59px 50px 0px; margin:0px; float:right;}

#salon2left		{width:423px; padding:5px 0px 30px 59px; margin:0px; float:left;}

#salon2right	{width:190px; padding:0px 59px 30px 0px; float:right;}

#salon3left		{width:290px; padding:0px 0px 50px 59px; float:left;}

#salon3right	{width:323px; padding:5px 59px 50px 0px; margin:0px; float:right;}

#corp1box		{background:url(../img/corp/img1.jpg) no-repeat 370px top; padding:35px 300px 50px 0px;}

#corp2left		{width:270px; padding:0px 0px 50px 60px; float:left;}

#corp2right		{width:343px; padding:5px 60px 50px 0px; margin:0px; float:right;}

#corp3left		{width:403px; padding:5px 0px 30px 60px; margin:0px; float:left;}

#corp3right		{width:210px; padding:0px 60px 30px 0px; float:right;}

#corpbox		{margin:0px 60px;}

#tblcorp		{width:100%; border-collapse:collapse;}

#tblcorp th		{width:25%; padding:5px 20px; border:1px #D9D9D9; border-style:none none solid none;}

#tblcorp td		{width:75%; padding:5px 10px; border:1px #D9D9D9; border-style:none none solid none;}

#googlelink		{margin:0px 59px 30px 59px; padding:0px; clear:both; font-size:100%; text-align:right;}

/*≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
　フッターエリア
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/
#footer			{width:775px; clear:both; padding-top:30px;}

#footer2		{clear:both;}

#ft_menu		{padding:10px 20px 0px 20px; height:22px; background:url(../img/common/bg_footer.gif) no-repeat;}

#listmenu		{float:left; width:500px; font-size:92%; line-height:1.2em;}

#listmenu A		{text-decoration:none;}

#pagetop		{float:right; width:104px;}

#top_copyright	{text-align:right; padding:10px 0px 30px 0px; margin:0px; clear:both;}

#copyright		{text-align:right; padding:15px 15px 30px 0px; margin:0px; clear:both;}


/*≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
　topコンテンツ
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/
.topcontents	{margin:0px 0px 15px 0px; padding:0px; clear:both;}

IFRAME			{width:775px; height:140px; margin:15px 0px;}

.float-left     {
	float: left;
	width: 581px;
}

.float-right    {
	float: right;
	width: 176px;
}

.m-b10          {margin-bottom: 10px;}

.whatsnew       {
	position: absolute;
	top: 8px;
	left: 710px;
}

.right          {text-align: right;}


/*≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
　前撮りプラン コンテンツ
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/
.maedori-copy1  {padding: 30px 10px 10px 50px; background: url(../img/maedori/copy1-photo1-2.jpg) top right no-repeat; height: 526px; position:relative;}

.copy1-photo3 {position:absolute; top:388px; left:244px;}
.copy1-photo4 {position:absolute; top:339px; left:496px;}

.maedori-copy2  {padding: 10px 45px 0px 360px; background: url(../img/maedori/copy2-photo1-2.jpg) top left no-repeat;}

.maedori-copy3  {padding: 30px 10px 10px 50px; background: url(../img/maedori/copy3-photo1-2.jpg) top right no-repeat; height: 565px;}

.maedori-copy2,.maedori-copy3,.maedori-copy4
                {line-height: 150%; margin-bottom: 20px; clear: both;}

.copy-text      {padding-left: 10px; margin-bottom: 15px;}

.maedori-plan   {padding: 0px 45px 20px 45px; position:;}

.plan-waku		{padding:15px 15px 15px 15px; clear:both; border:1px #CCCCCC solid; background-color:#F2F2F2; margin-bottom:10px;}

.plan-leftbox   { float:left; width: 465px; margin: 10px 0px 0px 20px;}

.flow           {margin: 15px 0px 0px 25px;}

#plan-list      {
margin: 10px 0px 50px 0px;
line-height: 175%;
padding-left:20px;
width:600px;
}

.plan-title1    { margin-bottom:20px; }

/*≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
　新着情報 コンテンツ
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/
#news				{padding:7px 8px;} 

#leftside		{
	width:90px;
	float:left;
}

#rightside	{width:630px; float:right; padding:6px 0px 0px 0px;
}

#scr{
height:150px;
overflow-y:scroll;
}


.tpcs_box		{clear:both;}

.tpcs_date	{
	width:80px;
	float:left;
	padding:0px 0px 5px 0px;
	color:#D11B10;
}

.tpcs_text	{
	width:505px;
	float:left;
	padding:0px 0px 5px 0px;
}

.m-t10{margin-top: 10px;}

/*≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
　新着情報一覧 コンテンツ
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/

.topics-cate{float:left; padding-left:30px; width: 172px;}

.topics-entry{float:right; padding-right:30px; width: 495px;}

.topics-box{width:775px;}

.cate-list{
	margin:8px 5px;
	padding:0;
	list-style-type:none;
	width:165px;
}

.cate-list li{display:inline;}

.cate-list a{
	text-decoration:none;
	display:block;
	padding:6px 10px;
	color:#000000;
	background:url(../img/topics/cate-bar.gif) bottom left no-repeat;
}

.cate-list a:hover{
	text-decoration:none;
	background-color:#EC830D;
	color:#FFFFFF;
}

.list-month{margin: 8px 15px; width: 150px;}

.entry-box{position:relative; width:500px; margin-bottom: 50px;}

.entry-title{margin:5px 0px; padding-right:90px; font-size: 12px;}

.entry-day{position:absolute; top:5px; left:425px;}

.entry-bar{margin: -5px 0px 0px -12px;}

.entry-text{margin:20px 0px; line-height: 175%;}

.entry-more{
	text-align:right;
	padding-right:15px;
	background:url(../img/topics/entry-more.gif) bottom right no-repeat;
}

.entry-more a{text-decoration:none; color:#9A9A9A;}

.entry-more a:hover{text-decoration:none; color:#E01F76;}

.entry-list-box{text-align:center; padding: 0px 100px;}

.entry-list{
	width: 290px;
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.entry-list li{display:inline; float:left; padding-right:5px;}

.entry-list a{
	text-decoration:none;
	display:block;
	padding:6px 8px;
	color:#000000;
	border:solid 1px #D5D5D5;
}

.entry-list a:hover,.entry-list a:active{
	text-decoration:none;
	background-color:#E8E8E8;
}

.clear{clear:both;}
.center{text-align:center;}
/************************************************************
formmail start
*************************************************************/

#kaku{
padding:20px 0px;
}

table.mess_table{
border-bottom:1px solid #C7C5BE;
border-left:1px solid #C7C5BE;
margin:0px auto;
}
table.mess_table th{
border-top:1px solid #C7C5BE;
border-right:1px solid #C7C5BE;
vertical-align:top;
text-align:left;
padding:7px 10px;
background:#EAEAEA;
font-weight:normal;
width:200px;
}
table.mess_table td{
border-top:1px solid #C7C5BE;
border-right:1px solid #C7C5BE;
vertical-align:top;
text-align:left;
padding:7px 10px;
background:#F6F6F6;
font-weight:normal;
}

p.mess_txt{
line-height:200%;
padding:20px 0px;
text-align:center;
}
div.mess_button{
padding:20px 0px;
text-align:center;
}
div.mess_button input{
margin:10px 50px 10px 0px;
vertical-align:middle;
}
div.mess_button img{
vertical-align:middle;
}

.error_mail{
width:500px;
margin:0px auto;
line-height:180%;
padding:10px 0px;
font-weight:bold;
color:#ee0000;
}
.error_txt{
width:500px;
margin:0px auto;
line-height:200%;
}

#form_message{
padding-top:20px;
}


#thanks{
	margin: 20px;
	padding: 30px auto;
	line-height: 175%;
	border: solid 3px #F4E0E1;
	background: #FCF3F4 url(../img/contact/thanks-bg.gif) top right no-repeat;
	text-align: center;
}
#thanks-enpty{ height: 200px; background-color: #FFFFFF;}





/************************************************************
formmail end
*************************************************************/











/*--------------------------------------------------
maedori
--------------------------------------------------*/
.mae01{
width: 773px;
margin:0px auto;
position:relative;
overflow:hidden;
text-align:left;
}
.mae01-l{
float:left;
width:281px;
padding-left:40px;
}
.mae01-r{
float: right;
}

.mae02-l{
float:left;
}
.mae02-r{
float:left;
}

.mae03{
width:707px;
margin:0px auto;
position:relative;
overflow:hidden;
text-align:left;
height: 209px;
}

.mae03-l{
float:left;
padding-top:40px;
}
.mae03-r{
float:right;
}
.mae03-l p{
margin-top: -1px !important;
}



.vvoi{
background:url(../img/top/v01-02.gif) no-repeat left bottom;
padding:5px 10px 12px 10px;
line-height:150%;
font-size:10px;
}