@charset "UTF-8";

/************************
 共通フォント設定 
*************************/
body,
.gothic{
/*	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
font-family: Arial;
}

.mincho{
/*	font-family:ヒラギノ明朝 Pro W6,'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;*/
font-family: Arial;
	font-weight:bold;
}

.bold{
	font-weight:bold;
}

body{
	color:#3B2101;
	line-height:1.0;
}

a{
	text-decoration:none;
	color:#3B2101;
}

a:hover{
	text-decoration:underline;
	color:#bb6275;
}

/************************
 ページ共通全体レイアウト 
************************/
*{
	zoom:1;
}

/* モバイルレイアウト : 480 px およびそれ以下. */
html{
	height:100%;
	min-height:100%;
}

html,body {
	margin: 0;
	padding:0;
	text-align:center;
}

body {
	background-color:#7c6343;
}

body#top{
	height:100%;
}

body#menu {
	background-color:#fff;
	background:url(../../menu/images/bk.jpg) repeat;
}

body#quality {
	background-color:#fff;
	background:url(../../quality/images/bk.jpg) repeat;
}

body#message {
	background-color:#fff;
	background:url(../../message/images/bk.jpg) repeat;
}

body#column {
	background-color:#fff;
	background:url(../../column/images/bk.jpg) repeat;
}

body#privacy {
	background-color:#fff;
	background:url(../../column/images/bk.jpg) repeat;
}

body#legal {
	background-color:#fff;
	background:url(../../column/images/bk.jpg) repeat;
	height:100%;
}

body#news {
	background-color:#fff;
	background:url(../../menu/images/bk.jpg) repeat;
}

div#contaier{
	margin:0;
	padding:0;
}

.gridContainer {
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#top .gridContainer {
	background:url(../../images/topimage2_s.png) no-repeat center top;
}

header,
#info {
	clear: both;
	margin:0;
	display: block;
	text-align:center;
	width:100%;
}

#news header{
	text-align:left;
}

#right{
	clear:both;
}

#concept {
		display: block;
		text-align:center;
		line-height:2;
		width:100%;
		position:absolute;
		top:160px;
		left:0;
	}
	
#news footer{
	position: relative;
	text-align:center;
	width:100%;
}


/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
	
	html,body {
		text-align:left;
	}

	#top .gridContainer,
	#menu .gridContainer,
	#quality .gridContainer,
	#message .gridContainer,
	#column .gridContainer,
	#privacy .gridContainer ,
	#legal .gridContainer {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		height:100%;
		min-height:900px;
		background:none;
	}
	
	body > .gridContainer {
　		height: auto;
	}
	
	div#maximage{
		z-index:-1;
	}
	
	
	div#topimage{
		z-index:1;
		overflow: hidden;
	}

	div.bgfull,
	img.bgfull {
	/* 縦横の最小値を設定する。 */
	min-height: 100%;
	min-width: 1024px;
	/* ウィンドウ幅を基準にして引き延ばす。 */
	width: 100%;
	height: auto;
	/* 表示位置を設定する */
	position: fixed; /* またはabsolute; */
	top: 0;
	right: 0;
	}
	
	.gridContainer {
		z-index:10;
	}
	
	#left {
		clear: both;
		float: left;
		margin-left: 0;
		width: 300px;
	}
	
	header,
	#info {
		margin-left: 0;
		width: 280px;
		display: block;
		padding:0 10px;
	}
	
	header{
		height: 100%;
		min-height:800px;
	}
	
	#news header{
		width:96%;
		height:70px;
		min-height:70px;
		padding:10px 2% 0;
		position:relative;
	}
	
	#right{
		clear: none;
		margin-left: 0;
		padding:0 0 0 300px;
		text-align: center;
	}
	
	#menu #right{
		padding:0 0 10px 300px;
	}
	
	
	#main{
		position:relative;
		width:100%;
		max-width:560px;
		min-width:468px;
		height:100%;
		margin:0 auto;
	}
	
	#menu #main,
	#quality #main,
	#message #main,
	#column #main,
	#privacy #main,
	#legal #main{
		max-width:840px;
	}
	
	#quality #main,
	#message #main,
	#column #main,
	#privacy #main,
	#legal #main{
		padding-top:50px;
		padding-bottom:100px;
	}
	
	#concept {
		position:relative;
		top:0;
		padding-top:150px;
	}
	
	#news {
		display: block;
	}
	
	#info {
		position: absolute;
		top:510px;
		width:280px;
		display: block;
		left:0;
	}
	
	#policy {
		position:absolute;
		bottom:8px;
		left:10px;
	}
	
	footer {
		position: absolute;
		bottom:5px;
		right:10px;
	}
	
	#news footer{
		text-align:right;
		position:relative;
		
	}
}


/************************
 共通エフェクト
************************/
.boxShadow{
    -webkit-box-shadow: 2px 2px 6px -3px #333,-2px -2px 6px -3px #333;
       -moz-box-shadow: 2px 2px 6px -3px #333,-2px -2px 6px -3px #333;
            box-shadow: 2px 2px 6px -3px #333,-2px -2px 6px -3px #333;
			behavior: url(http://www.saigon-sakura.com/common/js/ie-css3.htc);
}


/************************
 グローバルナビ 
************************/	
#globalNavi{
	margin:0;
}

#top h1,
#menu h1 a,
#quality h1 a,
#message h1 a,
#column h1 a,
#privacy h1 a,
#legal h1 a{
	background-color:transparent;
	background-image:url(../../images/titlelogo_s.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-1000px;
	height:50px;
	margin:5px 0 12px 5px;
	display:block;
}

#top h1{
	background-image:url(../../images/titlelogo.png);
	background-repeat:no-repeat;
	background-position:center center;
	height:118px;
	margin:0 auto;
	padding:12px 0;
}


header h2{
  	display:none;
}

header ul.list{
	margin:200px 0 0;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	position:absolute;
	bottom:425px;
}

#top header ul.list{
	margin:200px 0 0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	bottom:0;
}

header li{
	position:relative;
}

header li.thispage{
	color:#bb6275;
	display:block;
	background:#5a4121;
	border: 1px solid #3B2101;
	padding: 10px 0;
}

#privacy p.thispage,
#legal p.thispage{
	color:#bb6275;
}

header a.button{
	display:block;
	background: -moz-linear-gradient(top,#a78e6f 0%,#3B2101);
	background: -webkit-gradient(linear, left top, left bottom, from(#a78e6f), to(#3B2101));
	border: 1px solid #3B2101;
	padding: 10px 0;
}

header li.column{
	width:100%;
	padding:10px 0;
	margin-right:0;
	margin-bottom:5px;
	background:url(../../images/bg_news.png) repeat;
}

header li span.arrow{
	display:block;
	position:absolute;
	right:10px;
	top:12px;
}

header li a{
	color:#ccb;
}

header li.column a{
	color:#3B2101;
}

header li a:hover,
header li.column a:hover{
	text-decoration:underline;
	color:#bb6275;
}

header li.column{
	text-align:left;
	margin:10px auto 20px;
	width:90%;
	padding:3%;
	background:#fff;
	border:#3B2101 double 3px;
}

header ul.subList{
	margin:5px 0 0 26px;
}

header ul.subList li{
	margin:0;
	clear:both;
	background:none;
	list-style:outside disc;
	line-height:1.1;
}

header ul.subList li a{
	color:#3B2101;
	text-decoration:underline;
}

header ul.subList li a:hover{
	color:#bb6275;
}



@media only screen and (min-width: 481px) {

	#top h1{
		background-color:#fff;
		background-image:url(../../images/titlelogo.png);
		background-repeat:no-repeat;
		background-position:center center;
		text-indent:-1000px;
		height:118px;
		margin:20px auto;
	}
	
	#menu h1,
	#quality h1,
	#message h1,
	#column h1,
	#legal h1,
	#privacy h1{
		background-color:#fff;
		background-image:url(../../images/titlelogo.png);
		background-repeat:no-repeat;
		background-position:center center;
	}
	
	#menu h1 a,
	#quality h1 a,
	#message h1 a,
	#column h1 a,
	#privacy h1 a,
	#legal h1 a{
		background-color/*\**/:#fff\9;/* IE7,8にのみ適用 */
		filter:alpha(opacity=0.1);/* フィルターで透明に */
		background-image:none;
		text-indent:-1000px;
		width:250px;
		height:118px;
		margin:20px auto;
		padding:0;
	}

	header{
		background-color:#fff;
		opacity:0.7;	/*Firefox, Opera, Chrome, Safari*/
		filter: alpha(opacity=70);	/*IE8以下*/
		position:absolute;
	}

	#top header ul.list,
	#menu header ul.list,
	#quality header ul.list,
	#message header ul.list,
	#column header ul.list,
	#privacy header ul.list,
	#legal header ul.list{
		text-align:left;
		width:200px;
		margin:50px 0 0 30px;
		font-size:90%;
		position:relative;
		bottom:0;
	}
	
	header li{
		float:none;
		width:200px;
		padding:0;
		margin-top:10px;
		background:none;
	}
	
	header li.thispage{
		display:inherit;
		background:none;
		border:none;
		padding:0;
	}
	
	header li span.arrow{
		display:inline;
		position:relative;
		top:0;
		right:0;
		margin-left:5px;
	}
	
	header a.button{
		background:none;
		border:none;
		padding:0;
	}
	
	header li a{
		color:#3B2101;
	}
	
	header li.column{
		margin:35px 0 0 0;
		background:none;
		padding:0;
		width:200px;
		border:none;
	}
	
	header li ul.subList{
		margin:0 0 0 20px;
		text-align:left;
	}
	
	header ul.subList li{
		margin:10px 0 0 10px;
	}
	
}

/************************
 店舗情報 
************************/	
section#info{
	margin:40px auto 0;
	text-align:left;
	line-height:1.0;
	font-size: 80%;
}

#top section#info{
	color:#ccb;
}

#menu section#info,
#quality section#info,
#message section#info,
#column section#info,
#privacy section#info,
#legal section#info{
	margin:380px auto 0;
}

section#info p,
section#info dl{
	width:88%;
	margin:0 auto;
}

section#info h2{
	display:none;
}

section#info dl{
	margin-top:16px;
}

section#info dt{
	clear:both;
	float:left;
}

section#info a{
	text-decoration:underline;
}

#menu section#info a,
#quality section#info a,
#message section#info a,
#column section#info a,
#privacy section#info a,
#legal section#info a{
	color:#bb6275;
}

section#info address{
	clear:both;
	margin-top:5px;
}

section#info address dt.mail{
	clear:both;
	float:none;
}

section#info address dd{
	margin-left:10px;
}

section#info address a#mail{
	font-size:80%;
	text-decoration:none;
}

section#info address a:hover#mail{
	text-decoration:underline;
}

section#info div.fbPageLink{
	margin:20px 0 0;
	height:40px;
	padding:13px;
	background:url(../../images/bg_news.png) repeat;
	position:relative;
}


section#info div.fbPageLink:hover{
	opacity:0.9;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=90);	/*IE8以下*/
}

section#info div.fbPageLink img{
	float:left;
	margin-right:18px;
}

section#info div.fbPageLink p a{
	color:#ccb;
	font-weight:normal;
	font-size:70%;
}

html > body section#info div.fbPageLink p{
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:48px;
	width:172px;
	text-align:left;
	margin-top:0;
	padding:13px 0 0 64px;
}

html > body section#info div.fbPageLink p a:hover{
	color:#bb6275;
}

@media only screen and (min-width: 481px) {
	
	#top section#info,
	#menu section#info,
	#quality section#info,
	#message section#info,
	#column section#info,
	#legal section#info,
	#privacy section#info{
		color:#3B2101;
		width:270px;
		padding:0 0 0 30px;
		margin:80px auto 0;
	}
	
	#menu section#info a,
	#quality section#info a,
	#message section#info a,
	#column section#info a,
	#privacy section#info a,
	#legal section#info a{
		color:#3B2101;
	}
	
	section#info p,
	section#info dl{
		width:100%;
	}
	
	section#info address{
		color:#3B2101;
	}

	section#info div.fbPageLink{
		width:210px;
	}
	  
	#menu section#info div.fbPageLink p a,
	#quality section#info div.fbPageLink p a,
	#message section#info div.fbPageLink p a,
	#column section#info div.fbPageLink p a,
	#privacy section#info div.fbPageLink p a,
	#legal section#info div.fbPageLink p a{
		color:#ccb;
	}
	
	#menu section#info a:hover,
	#quality section#info a:hover,
	#message section#info a:hover,
	#menu section#info div.fbPageLink p a:hover,
	#quality section#info div.fbPageLink p a:hover,
	#message section#info div.fbPageLink p a:hover,
	#column section#info div.fbPageLink p a:hover,
	#privacy section#info div.fbPageLink p a:hover,
	#legal section#info div.fbPageLink p a:hover{
		color:#bb6275;
	}

}

/************************
 シェアボタン 
************************/
#shareButton{
	clear:both;
	height:31px;
	padding:0 5px;
	background:url(../../images/bg_news.png) repeat;
}

#shareButton h2{
	display:none;
}

#shareButton ul{
	list-style:none;
	font-size:90%;
	line-height:1.2;
}

#shareButton li{
	float:left;
	margin-left:10px;
}

@media only screen and (min-width: 481px) {
	#shareButton{
		/*width:250px;*/
		position:absolute;
		top:10px;
		right:10px;
		height:auto;
		padding:0;
		background:none;
	}


}

/************************
 規約 
************************/
#policy{
	clear:both;
	font-size:70%;
	background:url(../../images/bg_news.png) repeat;
}

#policy a{
	color:#ccb;
}

#policy p span{
	display:none;
}

@media only screen and (min-width: 481px) {
	
	#policy {
		font-size:70%;
		background:none;
	}
	
	#policy p{
		display:inline-block;
		*display: inline;/*IE6,7で inline-blockを有効にする*/
		*zoom: 1;/*IE6,7で inline-blockを有効にする*/
	}
	
	#policy a{
	color:#3B2101;
	}
	
	#policy p span{
		display:inherit;
	}
}

/************************
 フッター 
************************/	

footer{
	clear:both;
	font-size:70%;
	padding:10px 0 3px;
	background:url(../../images/bg_news.png) repeat;
}

#news footer{
	background:none;
}

footer p{
	color:#ccb;
}

#news footer p{
	color:#3B2101;
}

#menu footer,
#quality footer,
#message footer,
#column footer,
#privacy footer,
#legal footer{
	color:#3B2101;
}

footer p.pagetop{
	color:#3B2101;
	background-color:#fff;
	width:90%;
	height:25px;
	margin:20px auto 10px;
	padding-top:7px;
	text-align:center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#menu footer p.pagetop{
	background:url(../../menu/images/bk.jpg) repeat;
}

#quality footer p.pagetop{
	background:url(../../quality/images/bk.jpg) repeat;
}

#message footer p.pagetop{
	background:url(../../message/images/bk.jpg) repeat;
}

#column footer p.pagetop{
	background:url(../../column/images/bk.jpg) repeat;
}

#privacy footer p.pagetop{
	background:url(../../privacy/images/bk.jpg) repeat;
}

#legal footer p.pagetop{
	background:url(../../legal/images/bk.jpg) repeat;
}

footer p.pagetop img{
	margin-right:10px;
}

@media only screen and (min-width: 481px) {
	
	footer{
		padding:0 3px 3px 0;
		background:none;
	
	}
	
	footer p{
		color:#3B2101;
		display:inline-block;
		*display: inline;/*IE6,7で inline-blockを有効にする*/
		*zoom: 1;/*IE6,7で inline-blockを有効にする*/
	}
	
	#menu footer p.pagetop,
	#quality footer p.pagetop,
	#message footer p.pagetop,
	#column footer p.pagetop,
	#privacy footer p.pagetop,
	#legal footer p.pagetop,
	#news footer p.pagetop{
		background:#fff;
		width:140px;
		height:19px;
		margin:0 0 0 20px;
		padding-top:4px;
	}
	
	footer a p:hover{
		color:#bb6275;
	}
}

/************************
 TOP_コンセプト 
************************/
#concept{
	text-shadow: 
		-1px -1px 1px rgba(0, 0, 0, 0.4),
		1px 1px 1px rgba(255, 255, 255, 0.5),
		0 -5px 35px rgba(255, 255, 255, 0.3);
	font-size: 72%;
}

@media only screen and (min-width: 571px) {

	#concept{
		display:block;
		background-image:url(../../images/txt_concept.png);
		background-repeat:no-repeat;
		background-position:center 150px;
		width:571px;
		height:186px;
		margin:0 auto;
	}
	
	#concept p{
		display:none;
	}

}	

/************************
 TOP_お知らせ 
************************/
section#news{
	border:3px double #3B2101;
	padding:3%;
	text-align:left;
	margin:0 auto;
	width:90%;
	background-color:#fff;
	position:relative;
}

section#news h2{
	display:block;
}

section#news p#opennews{
	position:absolute;
	top:10px;
	right:10px;
	font-size:75%;
}

section#news p#opennews a{
	color:#ccccbb;
	text-decoration:underline;
}

section#news ul{
	margin:20px 0 0 26px;
	line-height:1.6;
	list-style:outside disc ;
}

section#news ul{
	margin-bottom:10px;
}

section#news li a{
	text-decoration:underline;
}

section#news span{
	margin-right:15px;
}

@media only screen and (min-width: 481px) {
	
	section#news{
		background:url(../../images/bg_news.png) repeat;
		min-width:408px;
		margin:150px 20px 0;
		padding:10px;
		position:relative;
		top:0;
		color:#ccb;
		border:1px solid #3B2101;
	}
	
	section#news li a{
		color:#ccb;
	}
	
	section#news li a:hover{
		color:#bb6275;
	}
	
}


/************************
 MENU_メニュー 
************************/
#card{
		display:block;
		width:96%;
		margin:10px auto 0;
		background:url(../../menu/images/bk_menu_mid.png) center bottom repeat-y;
		padding:20px 0;
}

	
#card section#photo_s,
#card div.list{
	margin:0 auto 30px;
	padding:0 16px 0;
}

#card section#photo_s img{
	width:86%;
}

#card h2{
	width:96%;
	height:46px;
	background:url(../../menu/images/title_menu_s.png) center bottom no-repeat;
	text-indent:-9999px;
	margin:0 auto 20px;
}


#card dt.title{
	float:left;
}

#card dd.price{
	float:right;
}

#card dd.detail{
	clear:right;
	text-align:left;
	font-size:80%;
	padding:10px 0 0 15px;
	border-top:1px solid #3B2101;
}


#card dd.detail p{
	margin:10px 0 0;
}

#card dd.detail p.sample{
	background:#3B2101;
	color:#fff;
	padding:2px 0 0 3px;
}

#card dd.detail dl{
	border:1px solid #3B2101;
	margin:0;
	padding:10px;
}

#card dl.sample dt,
#card dl.sample dd{
	margin:0 0 5px 0;
}

#card dl.sample dt.entre,
#card dl.sample dd.entre,
#card dl.sample dt.sweets,
#card dl.sample dd.sweets{
	display:inline-block;
	margin:0 10px 10px 0;
}

#card dd.main p{
	margin:5px 0 10px 10px;
}

#card dd.main ol{
	margin:0 0 0 40px;
}

#card dd.main ol li{
	margin:0 0 15px;
	font-size:90%;
}
	
#card h3{
	text-align:left;
	margin:30px 0 10px;
	border-bottom:1px solid #3B2101;
}

#card dl.drink{
	text-align:left;
}

#card dl.drink dt,
#card dl.drink dd{
	clear:both;
	display:inline-block;
	margin-bottom:10px;
}

@media only screen and (min-width: 481px) {

	#card{
		display:block;
		width:460px;
		margin:0 10px 100px 10px;
		background:url(../../menu/images/bk_menu_bottom.png) center bottom no-repeat;
		padding:50px 0 75px 0;
	}
	
	#card section#photo_s,
	#card div.list{
		background:url(../../menu/images/bk_menu_mid.png) center repeat-y;
		width:460px;
		padding:0 0 50px;
		margin:0;
	}
	
	#card section#photo_s img{
		width:323px;
	}
	
	#card h2{
		text-indent:-9999px;
		background:url(../../menu/images/bk_menu_title.png) top center no-repeat;
		width:460px;
		height:161px;
		margin:0;
	}
	
	#card dl{
		margin:0 50px;
	}
	
	#card h3{
		margin:30px 50px 10px;
	}

}


@media only screen and (min-width: 769px) {
	
	#card section#photo_s{
		display:none;
	}

}
/************************
 MENU_イメージ写真
************************/
#sidephotos{
	display:none;
}

@media only screen and (min-width: 769px) {
	
	#sidephotos{
		display:inherit;
		position:absolute;
		top:160px;
		left:520px;
		width:300px;
	}
	
	#photos img{
		margin-bottom:50px;
		border:3px solid #fff;
		-webkit-box-shadow: 2px 2px 6px -3px #333,-2px -2px 6px -3px #333;
		   -moz-box-shadow: 2px 2px 6px -3px #333,-2px -2px 6px -3px #333;
				box-shadow: 2px 2px 6px -3px #333,-2px -2px 6px -3px #333;
				behavior: url(http://www.saigon-sakura.com/common/js/ie-css3.htc);
	}

}

/************************
 味と空間へのこだわり
************************/

#introduction{
	background:#fff;
	width:84%;
	margin:0 3%;
	padding:30px 5%;
	text-align:left;
	line-height:1.6;
}

#introduction h2{
	font-size:150%;
}

#introduction h3{
	font-size:100%;
	margin:30px 0 10px;
	border-top:1px solid #3B2101;
	padding-top:15px;
}

#introduction img{
	padding:0 0 15px;
	width:98%;
	max-width:380px;
	width:100%;
}

#introduction p{
	margin-bottom:20px;
	min-width:100px;
	display:block;
}

@media only screen and (min-width: 481px) {
	
	#introduction h3{
		clear:both;
		margin:50px 0 10px;
	}
	
	#introduction img{
		float:right;
		padding:5px 0 15px 10px;
	}
	
}

/************************
 店主より
************************/

#fromorner{
	background:#fff;
	width:84%;
	margin:0 3%;
	padding:30px 5%;
	text-align:left;
	line-height:1.6;
}

#fromorner h2{
	font-size:150%;
	margin-bottom:10px;
}

#fromorner h3{
	font-size:100%;
	margin:30px 0 10px;
	border-top:1px solid #3B2101;
	padding-top:15px;
}

#fromorner div#illust{
	text-align:center;
}

#fromorner div#illust img{
	margin:0 auto 15px;
}

#fromorner p{
	margin-bottom:20px;
	min-width:100px;
	display:block;
}


#fromorner ol{
	list-style:decimal outside;
	color:#bb6275;
	font-weight:bold;
	margin-left:35px;
}

#fromorner li{
	margin-bottom:20px;
}

#fromorner section#contribution{
	min-height:160px;
}

#fromorner img#sakuragirl{
	float:left;
	margin:5px 30px 10px 0;
}

@media only screen and (min-width: 481px) {
	
	#fromorner h2{
		margin-bottom:30px;
	}
	
	#fromorner h3{
		clear:both;
		margin:50px 0 10px;
	}
	
	#fromorner div#illust img{
		float:right;
		margin:-10px 0 15px 15px;
	}
	
}

/************************
 コラム
************************/
#articles{
	background:#fff;
	width:84%;
	margin:0 3%;
	padding:30px 5% 50px;
	text-align:left;
	line-height:1.6;
}

#articles h2{
	font-size:150%;
}

#articles h3{
	font-size:100%;
	margin:30px 0 10px;
	border-top:1px solid #3B2101;
	padding-top:30px;
}

#articles img{
	padding:0 0 15px;
	width:98%;
	width:100%;
	height:auto;
}

section#food img{
	max-width:380px;
}

section#coffee img{
	max-width:258px;
}

section#tableware img{
	max-width:286px;
}

section#diary img{
	max-width:280px;
}

#articles p{
	margin-bottom:20px;
	min-width:100px;
	display:block;
}

#column ul.index{
	margin:10px 0 0 20px;
}

#column ul.index li{
	display:inline;
	margin:0 20px 0 0;
}

#column ul.index li a{
	color:#bb6275;
	text-decoration:underline;
}

#column ul.index li a:hover{
	text-decoration:none;
	color:#3B2101;
}

#articles p.download{
	width:160px;
	height:25px;
	margin:20px 0 10px;
	padding:4px;
	text-align:center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background:#3B2101;
}

#articles p.download a{
	color:#ccb;
}

#articles p.download a:hover{
	color:#bb6275;
}



@media only screen and (min-width: 481px) {
	
	#articles h3{
		clear:both;
		margin:50px 0 10px;
	}
	
	#articles img{
		float:right;
		padding:5px 0 15px 10px;
	}
	
}

/************************
 プライバシーポリシー,サイト利用規約
************************/
#privacy h2,
#legal h2{
	margin:0 0 30px;
}

#privacy ol{
	margin:0 0 0 40px;
}

/************************
 お知らせ
************************/
body#news header p{
	position:absolute;
	top:10px;
	right:10px;
}

body#news header p a#close{
	color:#ccb;
	background-color:#3B2101;
	width:80px;
	height:25px;
	display:block;
	padding-top:4px;
	text-align:center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

body#news article{
	background-color:#fff;
	width:86%;
	margin:30px auto;
	padding:20px;
	text-align:left;
}

body#news section{
	width:100%;
	border-bottom:1px solid #3B2101;
	margin:20px 0 0;
	padding:0 0 20px;
}

body#news p{
	margin-top:10px;
}

body#news h2{
	font-weight:bold;
	font-size:90%;
	padding-bottom:10px;
}

body#news h2 span{
	margin-right:15px;
	font-weight:normal;
}

body#news article a{
	color:#bb6275;
	text-decoration:underline;
}

body#news a:hover{
	color:#3B2101;
}