/*  
Theme Name: Web Angelina
Theme URI: http://www.angelina.co.jp/angelina_test/cms/
Description: The Theme for "Jewely shop Omotesando Angelina" in Tokyo, Japan.
Version: 1.0
Author: Value Contents Inc.
Author URI: http://vc1.jp/
*/


/*page id========================================================*/
/*
index.php:							#index

about/media.html:					#a-media
about/staff_column.html:			#a-column

bridal/customer.html:				#b-customer

custom_made/customer.html: 			#c-customer

reform/customer.html:				#r-customer
*/

/*end page id=====================================================*/



* {margin:0; padding:0;}

a {color: #75184F;}
a:hover {color: #CC3366;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.name {font-family: Geneva, Arial, Helvetica, sans-serif;}
.name2 {text-transform: uppercase;font-family: Geneva, Arial, Helvetica, sans-serif;}

.nowrap {
	white-space: nowrap;
}

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0; clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*structure=======================================================*/


body {
	background: url(img/bg.gif) repeat center top;
	color: #663300;
	font-size: 75%;
	text-align: center;
}

#head-bg {
	width: 100%;
	background: url(img/top_bg.gif) repeat-x left top;
	margin-right: auto;
	margin-left: auto;
}

#foot-bg {
	width: 100%;
	background: url(img/foot_bg.jpg) repeat-x left bottom;
	margin-right: auto;
	margin-left: auto;
}

#wrapper {
	width: 860px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: left;
}

#header {
	width: 860px;
	overflow: hidden;
	position:relative;
	height: 162px;
	background: url(img/spider.gif) no-repeat right top;
}

#main-visual {
	width: 860px;
	height: 330px;
	position:absolute;
	left: 0px;
	top: 164px;
	background: url(img/frame.gif) no-repeat left top;
}

#bread {
	width: 860px;
	padding-top: 330px;
}

#main {
	width: 600px;
	float: right;
	text-align: center;
	margin-top: -10px;
	/*background: #F7F7F7;*/
	/*padding-bottom: 116px;*/
}

#sidebar {
	width: 260px;
	float: left;
	margin-top:-14px;
}


#menu {
	width: 260px;
	padding-bottom: 80px;
	background: url(img/menu_end.gif) no-repeat left bottom;
	text-align: center;
}

#footer {
	clear: both;
	width: 860px;
	color: #663300;
	height: 478px;
	background: url(img/chair.gif) no-repeat right bottom;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/*end structure================================================*/





/*header*/

h1 {
	width: 276px;
	height: 140px;
	position:absolute;
	background: url(img/h1_title.gif) no-repeat left top;
	left: 0px;
	top: 22px;
	text-indent:-9999px;
	
}

h1 a {
	display:block;
	width:276px;
	height:140px;
}

#header h2 {
	font-weight: normal;
	line-height: 1.5;
	width: 554px;
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 100%;
}

#index #header h2 {
	font-weight: normal;
	line-height: 1.5;
	/*width: 554px;*/
	width: 580px;
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 100%;
}

#header ul {
	border-left: 1px solid #75184F;
	float: right;
	/*width: 554px;*/
	width: 580px;
	display: inline;
	line-height: 1.2;
	font-size: 83.3%;
	margin-top: 60px;
}
#header ul li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #75184F;
}

/*main-visual*/

h3 {
	height: 330px;
	width: 860px;
	text-indent: -9999px;
}

body#index h3 {
}

/*body#index div#main-visual h3 {
	background: url(img/mv_index.jpg) no-repeat 30px 25px;
}*/

body#index div#main-visual #imageContainer {
	background: url(img/mv_index_bg.jpg) no-repeat 0 0;
}

body#a-media div#main-visual h3 {
	background: url(img/mv_media.jpg) no-repeat 30px 25px;
}
body#a-column div#main-visual h3 {
	background: url(img/mv_staffcolumn.jpg) no-repeat 30px 25px;
}
body#b-customer div#main-visual h3 {
	background: url(img/mv_b_customer.jpg) no-repeat 30px 25px;
}
body#c-customer div#main-visual h3 {
	background: url(img/mv_c_customer.jpg) no-repeat 30px 25px;
}
body#r-customer div#main-visual h3 {
	background: url(img/mv_r_customer.jpg) no-repeat 30px 25px;
}

#main-visual p {
	line-height: 1.8;
	position: absolute;
	top: 140px;
	left: 105px;
	width: 450px;
}













/*bread*/

#bread ol {
	margin-top: 5px;
	list-style: none;
	text-indent: 20px;
}
#bread ol li {
	display: inline;
	line-height: 3;
}
#bread ol li a {
	padding-right: 5px;
}


/*menu*/

#menu h4 {
	background: url(img/menu_top.gif) no-repeat left top;
	height: 79px;
	width: 260px;
	text-indent: -9999px;
}
#menu h5 a {
	display: block;
	height: 26px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#menu-1,#menu-2,#menu-3,#menu-4,#menu-5,#menu-6 {
	height: 28px;
	width: 260px;
	text-indent: -9999px;
}
#menu-1 {
	background: url(img/menu_1.gif) no-repeat left top;
}
#menu-2 {
	background: url(img/menu_2.gif) no-repeat left top;
}
#menu-3 {
	background: url(img/menu_3.gif) no-repeat left top;
}
#menu-4 {
	background: url(img/menu_4.gif) no-repeat left top;
}
#menu-5 {
	background: url(img/menu_5.gif) no-repeat left top;
}
#menu-6 {
	background: url(img/menu_6.gif) no-repeat left top;
}


#menu ul {
	list-style: none;
	background: url(img/menu_bg.gif) repeat-y left top;
	text-align: center;
}
#menu ul li {
	font-size: 12px;
	line-height: 24px;
	background: url(img/menu_grade.gif) repeat-x left top;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#menu ul li a {
	display: block;
	padding-left: 25px;
	letter-spacing: 0.1em;
	text-decoration: none;
}
#menu ul li a:hover {
	padding-left: 27px;
}
#menu ul li span {
	display: block;
	padding-left: 25px;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-weight: bold;
	color: #990000;
}

#menu li.end {
	padding-bottom: 6px;
}


/*banner*/

#banner-box {
	clear: both;
	width: 800px;
	text-align: left;
	margin: 0px auto;
}

#banner-box ul li {
	display: inline;

}
#banner-1,
#banner-2 {
	margin-right: 60px;
}
#banner-box img a {
	text-decoration: none;
	height: 104px;
	width: 224px;
}



/*main*/


.main-inner {
	text-align:left;
	background: url(img/main_bottom.gif) no-repeat left bottom;
	padding-bottom: 116px;
	margin-bottom: 30px;
}
body#a-column div#main div.inner-head {
	background: url(img/a-column_h3.gif) no-repeat left top;
	height: 88px;
	width: 600px;
}
body#a-media div#main div.inner-head {
	background: url(img/a-media_h3.gif) no-repeat left top;
	height: 88px;
	width: 600px;
}
body#b-customer div#main div.inner-head,
body#c-customer div#main div.inner-head,
body#r-customer div#main div.inner-head {
	background: url(img/voice_h4.gif) no-repeat left top;
	height: 88px;
	width: 600px;
}	



/*ブライダルでマリッジとエンゲージで蝋印を変更*/
/*マリッジ*/
body#b-customer div#main div.m div.inner-head {
	background: url(img/voice_bm_h4.gif) no-repeat left top;
	height: 88px;
	width: 600px;
}
/*エンゲージ*/
body#b-customer div#main div.e div.inner-head {
	background: url(img/voice_be_h4.gif) no-repeat left top;
	height: 88px;
	width: 600px;
}



.main-inner h4 {
	font-size:180%;
	line-height:88px;
	font-weight: bold;
	padding-right: 50px;
	padding-left: 105px;
}

.inner-contents {
	width:600px;
	background: url(img/main_bg.gif) repeat-y left top;
}

.inner-contents  ul{
	list-style: none;	
}
.inner-contents p {
	line-height: 2;
	margin-right: 30px;
	margin-left: 45px;
	padding-bottom: 1.5em;
}
.inner-contents p span {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

body#a-column div#main div.inner-contents p img {
	float:left;
	margin-right:15px;
}

.inner-contents p.sign {
	text-align:right;
	clear:both;
	background: url(img/bar.gif) repeat-x left 15px;
	padding-top: 25px;
	margin-top: 25px;
	padding-right: 20px;
	padding-bottom: 0px;
}

#main div#nav {
	width:300px;
	height:36px;
	margin: 0 auto;
}
#main div#nav span {
	display:block;
	width:130px;
	height:36px;
	line-height:36px;
}
#main div#nav span.nav-left {
	float:left;
	/*background: url(img/prev.gif) no-repeat left center;*/
}
#main div#nav span.nav-right {
	float:right;
	/*background: url(img/next.gif) no-repeat right center;*/
}
	



/*footer*/

#footer #ft {
	width: 860px;
	padding-top: 145px;
}
#ft ul,#ft ol {
	font-size: 83.3%;
	border-left: 1px solid #663300;
	display: inline;
	line-height: 2;
}

#ft ol {
	border: none;
}

#ft ul li,#ft ol li {
	display: inline;
}

#ft ul li {
	border-right: 1px solid #663300;
}

#ft ul li a,#ft ol li a {
	margin-right: 5px;
	margin-left: 5px;
}

#ft-banner {
	margin-bottom: 40px;
	margin-top: 5px;
}
#ft-banner a img {
	padding-right: 20px;
}

#ft address {
	font-size: 12px;
	font-style: normal;
	line-height: 1.3;
	text-transform: capitalize;
	padding-top: 20px;
	color: #333333;
}
.mail {
	text-transform: none;
}
.copy {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 3em;
	letter-spacing: 0.1em;
}



/*インデックスページ*/
#index #head-bg #foot-bg #wrapper #main {
	padding: 0px;
	margin-bottom: 0px;
}
#index #head-bg #foot-bg #wrapper #main #main-innner {
	padding: 0px;
}

#site-new {
	width:600px;
	height:190px;
	position:relative;
}
#site-new h4 {
	background: url(img/site_new.gif) no-repeat left top;
	height: 190px;
	width: 600px;
	text-indent: -9999px;
}
#site-new-innner {
	position:absolute;
	width:524px;
	height:113px;
	overflow:auto;
	background:#FFFFFF;
	left: 36px;
	top: 52px;
	z-index: 1;
	text-align: left;
}

#site-new-innner table {
	font-size: 12px;
	border-collapse: collapse;
	width: 490px;
	margin: 0px auto;
}
#site-new-innner table tr {
	border-bottom: 1px dotted #C5BD85;
}
#site-new-innner table th {
	font-weight: normal;
	text-align: left;
	padding: 13px 5px 7px;
	border-bottom: 1px dotted #C5BD85;
	width: 100px;
}
#site-new-innner table td {
	padding: 13px 5px 7px;
	border-bottom: 1px dotted #C5BD85;
}

#info-new {
	width:600px;
	height:190px;
	position:relative;
}
#info-new h4 {
	background: url(img/info_new.gif) no-repeat left top;
	height: 190px;
	width: 600px;
	text-indent: -9999px;
}
#info-new-innner {
	position:absolute;
	width:524px;
	height:113px;
	overflow: auto;
	left: 36px;
	top: 52px;
	z-index: 1;
	text-align: left;
}

#info-new-innner h5 {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	line-height: 2;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
	border-bottom: 1px dotted #CCCCCC;
}
#info-new-innner h5 span {
	font-size: 12px;
	font-weight: normal;
}

#info-new-innner p {
	font-size: 12px;
	line-height: 1.8;
	margin-right: 15px;
	margin-left: 20px;
	margin-bottom: 1em;
}


#blog-new {
	width:600px;
	height:190px;
	position:relative;
}
#blog-new h4 {
	background: url(img/blog_new.gif) no-repeat left top;
	height: 190px;
	width: 600px;
	text-indent: -9999px;
}

#blog-new-innner {
	position:absolute;
	width:524px;
	height:113px;
	overflow: hidden;
	left: 36px;
	top: 52px;
	z-index: 1;
}





#menu-box {
	width: 564px;
	margin:30px auto 0px;
	text-align: center;
}
#menu-box h4 {
	width:449px;
	height:61px;
	background:url(img/m_box_title.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 0px auto;
}

#m-box1,
#m-box2,
#m-box3,
#m-box4,
#m-box5,
#m-box6 {
	width:282px;
	margin: 0px auto;
	float: left;
	text-align: center;
}
#m-box1 a,
#m-box2 a,
#m-box3 a,
#m-box4 a,
#m-box5 a,
#m-box6 a {
	text-decoration: none;
}
#m-box1 a:hover,
#m-box2 a:hover,
#m-box3 a:hover,
#m-box4 a:hover,
#m-box5 a:hover,
#m-box6 a:hover {
	text-decoration: underline;
}
#m-box1 {
	background: url(img/m_box1_bg.gif) no-repeat center top;
}
#m-box2 {
	background: url(img/m_box2_bg.gif) no-repeat center top;
}
#m-box3 {
	background: url(img/m_box3_bg.gif) no-repeat center top;
}
#m-box4 {
	background: url(img/m_box4_bg.gif) no-repeat center top;
}
#m-box5 {
	background: url(img/m_box5_bg.gif) no-repeat center top;
}
#m-box6 {
	background: url(img/m_box6_bg.gif) no-repeat center top;
}

#m-box1 h5,
#m-box2 h5,
#m-box3 h5,
#m-box4 h5,
#m-box5 h5,
#m-box6 h5 {
	width:222px;
	height:36px;
	margin: 117px auto 0px;
	text-indent:-9999px;
}
#m-box1 h5 a,
#m-box2 h5 a,
#m-box3 h5 a,
#m-box4 h5 a,
#m-box5 h5 a,
#m-box6 h5 a {
	display:block;
	width:222px;
	height:36px;
	overflow:hidden;
}
#m-box1 h5 {
	background: url(img/m_box1_title.gif) no-repeat left top;
}
#m-box2 h5 {
	background: url(img/m_box2_title.gif) no-repeat left top;
}
#m-box3 h5 {
	background: url(img/m_box3_title.gif) no-repeat left top;
}
#m-box4 h5 {
	background: url(img/m_box4_title.gif) no-repeat left top;
}
#m-box5 h5 {
	background: url(img/m_box5_title.gif) no-repeat left top;
}
#m-box6 h5 {
	background: url(img/m_box6_title.gif) no-repeat left top;
}
#menu-box p {
	line-height: 1.5;
	margin: 5px 20px 35px;
	text-align: left;
}


/*pagebar */
.pagebar 
	{ 
		font: 11px Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
			padding: 2px 6px; 
			border: none; 
			background: #fff; 
			text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #0063DC; 
		border-color: #036; 
		text-decoration: none;
	}
	
	
#index #header h2 {
	font-size: 11px;
	line-height: 1.2;
}	

#header #shopBn {
	position: absolute;
	top: 55px;
	left: 615px;
	height: 101px;
	width: 182px;
}
#header #shopBn a img {
	border-style: none;
}