@charset "utf-8";


/*  reset 
-------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}


/*  基本スタイル
-------------------------------------------------- */

html {
	background: #f7edca url(../images/common/bg.gif) top repeat-y;
	text-align:center;
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Arial, "メイリオ", Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	line-height: 1.5;
}

	
body {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	font-size: 75%;
	background: #fff url(../images/common/bg_main.gif) top left no-repeat;
	text-align:left;
	/* border-left:  1px solid #ce9c31;
	border-right:  1px solid #ce9c31; */
}


a {
	text-decoration: none;
}

a:link {
	color: #006699;
}	

a:visited {
	color: #6d2b90;
}

a:hover {
	color: #3083ac;
}



/*  main
-------------------------------------------------- */

#main {
	float: left;
	width: 141px;
	margin: 0;
	padding: 38px 0 0 51px;
}	

#main img {
	vertical-align: top;
}

#main ul {
	margin: 0;
	padding: 0;
}

#main li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}


/*  ロゴ
-------------------------------------------------- */

#logo {
	margin:0 0 3px 0;
	padding: 0;
}

#logo img{
	border: 0;
}


/*  ナビゲーション
-------------------------------------------------- */

#globalNav {
	margin:0 ;
	padding: 0 0 51px 0;
	width:141px;
	height:363px;
}


#globalNav li a {
	display:block;
	text-indent: -9999em;
}


/*  通常
------------------------- */

#nav01 a {	
	background: url(../images/common/gloval_nav.gif) 0 0 ;
	width: 141px ;
	height: 63px ;
}

#nav02 a {	
	background: url(../images/common/gloval_nav.gif) 0 -63px ;
	width: 141px ;
	height: 60px ;
}

#nav03 a {	
	background: url(../images/common/gloval_nav.gif) 0 -123px ;
	width: 141px ;
	height: 60px ;
}

#nav04 a {	
	background: url(../images/common/gloval_nav.gif) 0 -183px ;
	width: 141px ;
	height: 70px ;
}

#nav05 a {	
	background: url(../images/common/gloval_nav.gif) 0 -253px ;
	width: 141px ;
	height: 22px ;
}

#nav06 a {	
	background: url(../images/common/gloval_nav.gif) 0 -275px ;
	width: 141px ;
	height: 35px ;
}

#nav07 a {	
	background: url(../images/common/gloval_nav.gif) 0 -310px ;
	width: 141px ;
	height: 53px ;
}



/* オンマウス, 現在位置
------------------------- */

#nav01 a:hover,  #nav01 a.stay { 
	background: url(../images/common/gloval_nav.gif) -141px 0 ;
	height: 63px ;
}
	
#nav02 a:hover,  #nav02 a.stay { 
	background: url(../images/common/gloval_nav.gif) -141px -63px ;
	height: 60px ;
}

#nav03 a:hover, #nav03 a.stay { 
	background: url(../images/common/gloval_nav.gif) -141px -123px ;
	width: 141px ;
	height: 60px ;
}

#nav04 a:hover,  #nav04 a.stay { 
	background: url(../images/common/gloval_nav.gif) -141px -183px ;
	width: 141px ;
	height: 70px ;
}

#nav05 a:hover,  #nav05 a.stay { 
	background: url(../images/common/gloval_nav.gif) -141px -253px ;
	width: 141px ;
	height: 22px ;
}

#nav06 a:hover,  #nav06 a.stay { 
	background: url(../images/common/gloval_nav.gif) -141px -275px ;
	width: 141px ;
	height: 35px ;
}

#nav07 a:hover,  #nav07 a.stay { 
	background: url(../images/common/gloval_nav.gif) -141px -310px ;
	width: 141px ;
	height: 53px ;
}



/*  sub
-------------------------------------------------- */

#sub {
	float: right;
	width: 527px;
	margin: 0;
	padding:38px 50px 0 0;
	text-align: left;
}

#subAtelier {
	float: right;
	width: 532px;
	margin: 0;
	padding:38px 45px 0 0;
	text-align: left;
}



/* heading
------------------------- */

h1 {
	margin-bottom: 20px;
}

h1 img{
	border: 0;
}

h2 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6cd97 ;
}

h3 {
	font-size: 1.2em ;
	margin: 0 ;
	padding: 0 0 20px 0 ;
}

h4 {
	font-size: 1.1em ;
	padding : 4px 0 4px 4px ;
	margin : 0 0 10px 0 ;
	background : #f2e6cb;
}



/* ページトップへ戻る
------------------------- */

#pagenav {
	margin:0 0 39px 0;
}

#pagenav ul {
	margin: 0;
	padding: 0;
}

#pagenav li {
	display:  inline;
	padding: 0 0.7em;
	border-right: 1px solid #e6cd97 ;
}

#pagenav .first {
	border-left: 1px solid #e6cd97 ;
}

.pagetop {
	clear: both ;
	padding: 15px 0 19px 0;
	text-align: right;
}

.pagetop img{
	border: 0 ; 
}

.pagetop2 {
	padding: 0 0 19px 0;
	text-align: right;
}

.pagetop2 img{
	border: 0 ; 
}

.linkBtn {
	clear: both ;
	padding: 0 0 6px 0;
	text-align: right;
}

.linkBtn img{
	border: 0 ; 
}



/*  テキスト
------------------------- */
#read {
	padding: 0 0 29px 0 ;
}

.tlarge {
	font-size: 1.2em;
}


/*  共通のレイアウト
-------------------------------------------------- */


.adlb {
	border-bottom: 1px solid #e6cd97 ;
	margin: 0 0 10px 0;
}

.furigana {
	font-size: 1em ;
	font-weight: normal ;
}


/*  2カラム
------------------------- */

.columnTop {
	clear: both ;
	width: 527px ;

}

.left-columnTop {
	float: left ;
	width: 18% ;
	margin: 0 0 0.5em 0 ;
}

.right-columnTop {
	float: right ;
	width: 82% ;
	margin: 0 0 0.5em 0 ;
}

.left-column01 {
	float: left ;
	width: 66% ;
}

.left-column01 img{
	border: 0;
}

.right-column01 {
	float: right ;
	width: 34% ;
}

.right-column01 img{
	border: 0;
}


.left-column02 {
	float: left ;
	width: 45%;
	margin: 0 10px 9px 0;
}

.right-column02 {
	float: right;
	width: 48% ;
	margin: 0px 10px 15px 0px;
}

.left-column02 img,  .right-column02 img {
	float: left;
	width: 60px ;
	padding-right: 10px;
	border: none ;
}

.left-column03 {
	float: left ;
	width: 80%;
	margin: 0 10px 15px 0;
}


#sub .thumbcontainer {
	position: relative;
	float: left ;
	width: 45%;
	margin: 0px 10px 15px 0px;
}

#sub .thumbcontainer img,  .thumbcontainer2 img {
	float: left;
	width: 60px ;
	padding-right: 10px;
	border: none ;
}

#sub .thumbcontainer2 {
	float: right;
	width: 45% ;
	margin: 0px 10px 15px 0px;
}

#subAtelier .thumbcontainer {
	position: relative;
	float: left ;
	width: 45%;
	margin: 0px 10px 15px 0px;
}

#subAtelier .thumbcontainer img,  .thumbcontainer2 img {
	float: left;
	width: 60px ;
	padding-right: 10px;
	border: none ;
}

#subAtelier .thumbcontainer2 {
	float: right;
	width: 45% ;
	margin: 0px 10px 15px 0px;
}


#primary {
	float: left ;
	width: 45% ;
}

#secondary {
	float: right ;
	width: 50% ;
}


.clear {
	clear: both ;
}


/*  box
------------------------- */

.box {
	margin: 0.5em 0 1em 0;
	padding: 20px 60px ;
	border: 1px solid  #e6cd97;
	background: #fff ;
}

.box li {
	line-height: 2em ;
	}



/*  home
-------------------------------------------------- */

#logoTop {
	margin: 150px 0 68px 107px ;
	padding: 0 ;
}


/*
IE特有のプロパティを使用してPNGを透過にさせる
（IE6.0以下だけに適用させるために、スターハック使用）
*/


* html .logoTopIe {
	width:306px ;
	height:140px ;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo_top.png);
}


/*
htmlのソース内に書いておいたimgが邪魔なので、消す
（IE6.0以下だけに適用させるために、スターハック使用）
*/

* html .logoTopIe img{
	display:none;
}


#info ul {
	list-style: none ;	
	margin: 0 0 10px 0 ;
	padding: 0 ;
}

#info ul li {
	margin: 0 0 0.5em 0 ;	
}

#info li .info {
	margin: 0 0 0 2em ;	
}


.primaryNewstop {
	float: left ;
	width: 15% ;
}

.secondaryNewstop {
	float: right ;
	width: 83% ;
}

/*  info 汎用性　移行させるためのもの　トップページ用
-------------------------------------------------- */

.newsTop ul {
	list-style: none ;
	margin: 0 0 10px 0 ;
	padding: 0 20px 0 0 ;
}

.newsTop ul li {
	margin: 0 0 0.5em 0 ;
}


/*  info 汎用性　移行させるためのもの
-------------------------------------------------- */
.news ul {
	list-style: none ;
	margin: 0 0 10px 0 ;
	padding: 0 ;
}

.news ul li {
	margin: 0 0 0.5em 0 ;
}

.info {
	margin: 0 0 0 2em ;
}



/*  profile
-------------------------------------------------- */

.tcenter {
	text-align : center ;
}

.tright {
	text-align : right ;
}

.notice {
	font-size: 0.8em ;
}

#profile img {
	padding: 0 0 28px 0;
	border: none ;
}



/*  gallery
-------------------------------------------------- */

/*
table.layout td {
	vertical-align:middle;
}
*/

td {
	padding: 3px 0 3px 0 ;
}

.lightBrown{
	background: #f3e6cb ;
}

.item {
	text-align: center ;
	width: 70px ;
	padding: 0.3em 0.8em ;
}

.details {
	margin: 0 0 0 1em ;
}

.first {
	clear: both ;
}


/*  フッター　ナビゲーション
------------------------- */

#left-footerNav01 {
	float: left ;
	width: 20% ;
}

#left-footerNav01 img{
	border: 0;
}

#right-footerNav01 {
	float: right ;
	width: 70% ;
}


.pageMove ul {
	margin : 0 ;
	padding : 0 ;
	text-align: right ;
}

.pageMove li {
	display: inline ;
	padding : 0 2px 0 0 ;
}

.pageMove img {
	border : 0;
	}

/*  atelier
-------------------------------------------------- */

#now_index dt{
	padding: 0 0 0.2em 0;
}

#now_index dd{
	padding: 0 0 1.5em 1em;
}

.atelier_primary {
	float: left ;
	width: 332px ;
}

.atelier_secondary {
	float: right ;
	width: 180px ;
}

.atelier_secondary img {
	margin: 0 0 40px 0 ;
	}


.atelier_primary2 {
	float: left ;
	width: 272px ;
}

.atelier_secondary2 {
	float: right ;
	width: 240px ;
}

.atelier_secondary2 img {
	margin: 0 0 40px 0 ;
	}
	
	

/*  sitemap
-------------------------------------------------- */

#container2 {
	position : relative ;
}

#colum_l {
	float: left ;
	width : 100px ;
	margin: 7px 0 0 0 ;
	padding: 0 ;
}

#colum_r {
	float: right ;
	width: 380px ; 
	padding: 7px 0 0 15px ;
	border-left: 1px solid #e6cd97 ;
}

.admb {
	padding: 0 0 25px 0 ;
}

.admb20 {
	margin: 0 0 20px 0 ;
}

.admb40 {
	margin: 0 0 40px 0 ;
}

.admb15 {
	margin: 0 0 15px 0 ;
}

.admt {
	padding: 20px 0 0 0 ;
}

.admbProf {
	padding: 0 0 40px 0 ;
}




.blet_link {
	margin: 0 0 7px 0 ;
	padding: 0 ;
}

.blet_link li {
	padding: 0 0 0 12px ;
	list-style: none ;
	background : url(../images/common/blet_link.gif) left center no-repeat ;
}


.adlt {
	padding: 20px 0 0 0 ;
	border-top: 1px solid  #e6cd97;
}

.pagenav2 ul {
	margin: 0 ;
	padding: 0 ;
}

.pagenav2 li {
	display:  inline;
	padding: 0 0.7em;
	border-right: 1px solid #e6cd97 ;
}

.pagenav2 .first {
	border-left: 1px solid #e6cd97 ;
}



/*  footer
-------------------------------------------------- */

#footer {
	clear: both;
	margin: 0 50px 0 51px ;
	padding: 7px 0 10px 0;
	border-top: 1px solid  #e6cd97;
	color:#9c6432 ;
	text-align: right;
}

#footer address {
	font-style: normal;
	font-size: 0.8em;
}

.admbFooter{
	padding: 0 0 100px 0;	
}