@charset "UTF-8";
/* CSS Document */

/*====================================
	tag-reset
====================================*/
*{
	margin:0px;
	padding:0px;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	}

/*Â¥*/
a{
	overflow: hidden;
}
/**/


/*====================================
	common-tag
====================================*/
body{
	font-family: Arial, Helvetica,"ヒラギノ丸ゴ Pro W4",Osaka,meiryo, sans-serif,"MS ゴシック";
	font-size:90%;
	line-height:1.5;
	color: #ccc;
	text-align: center;
	}

body.bg3{
	background:#000000 url(../img/bg3.jpg) no-repeat 50% 0;
	}
body.bg2{
	background:#000000 url(../img/bg2.jpg) no-repeat 50% 0;
	}
body.bg{
	background:#000000 url(../img/bg.jpg) no-repeat 50% 0;
	}

ul{
	list-style:none;
	}
img{
	border:0;
	}
a{
	color:#336852;
	text-decoration:underline;
	padding:0 3px;
	outline:none;
	}
a:hover{
	color:#154f37;
	text-decoration:none;
	}
.clear{
	clear:both;
	}

.flL{
	float:left;
}

/*====================================
	layouts
====================================*/
#container{
	width:900px;
	position:relative;
	margin:0 auto;
	}

#header{
	width:900px;
	line-height:0;
	}

#main{
	width:900px;
	margin-top:185px;
	overflow:hidden;
	text-align:left;
	}

#footer{	
	width:900px;
	background:#000 url(../img/footer_bg.jpg) no-repeat 0 0;
	padding:20px 0 80px 0;
	clear:both;
	}

/*====================================
	header
====================================*/

#header h1{
	position:absolute;
	top:0;
	left:0;
	width:350px;
	height:185px;
	text-indent:-9999px;
	}
#header ul{
	}
#header ul li{
	text-indent:-9999px;
	}
#header ul li a{
	display:block;
	width:110px;
	height:62px;
	position:absolute;
	top:57px;
	background-repeat:no-repeat;
	background-position:0 0;
	}
#header ul li a.menuTop{
	background-image:url(../img/menu_top.jpg);
	left:350px;
	}
#header ul li a.menuGallery{
	background-image:url(../img/menu_gallery.jpg);
	left:460px;
	}
#header ul li a.menuShop{
	background-image:url(../img/menu_shop.jpg);
	left:570px;
	}
#header ul li a.menuBlog{
	background-image:url(../img/menu_blog.jpg);
	left:680px;
	}
#header ul li a.menuBbs{
	background-image:url(../img/menu_bbs.jpg);
	left:790px;
	}
#header ul li a:hover{
	background-position:0 -80px;
	}
#header h2{
	text-indent:-9999px;
	height:30px;
	}

/*====================================
	main
====================================*/
#main h3,
#main h4,
#main p,
#main dl,
#main ul{
	padding:10px 20px 0 20px;
	}
#main p{
	margin-bottom:10px;
	}
#main p.center{
	text-align:center;
	}


#main #title{
	width:900px;
	height:60px;
	background-position:0 0;
	background-repeat:no-repeat;
	margin-bottom:10px;
	}
#main #title h2{
	padding-top:20px;
	text-indent:240px;
	}
#main .ttlShop{
	background-image:url(../img/ttl_shop.jpg);
	}
#main .ttlGallery{
	background-image:url(../img/ttl_gallery.jpg);
	}
#main .ttlBlog{
	background-image:url(../img/ttl_blog.jpg);
	}
#main .ttlBbs{
	background-image:url(../img/ttl_bbs.jpg);
	}


#main h3{
	font-family:Impact;
	font-size:160%;
	color:#139f65;
	margin-bottom:5px;
	}
#main h4{
	font-size:120%;
	font-weight:bold;
	color:#a39d03;
	margin-bottom:5px;
	}

#main p.campaignImg{
	float:right;
	}
#main p.campaignBtn{
	clear:both;
	}

#main div.top{
	padding:10px 20px 0 20px;
	}
#main div.top h5{
	color:#346a53;
	font-size:120%;
	font-weight:bold;
	}
#main div.top p{
	margin-bottom:10px;
	border-left:3px solid #346a53;
	padding-left:5px;
	padding-top:0;
	}

#main dl.faq dt{
	background:url(../img/faq_q.png) no-repeat 0 0;
	behavior: url("http://www.diagonarl-art.com/tmpl/js/iepngfix.htc");
	}
#main dl.faq dt p{
	padding:30px 10px 10px 10px;
	margin:0;
	}
#main dl.faq dd{
	background:url(../img/faq_a.png) no-repeat 0 0;
	behavior: url("http://www.diagonarl-art.com/tmpl/js/iepngfix.htc");
	margin-bottom:10px;
	color:#336852;
	}
#main dl.faq dd p{
	padding:10px;
	margin:0;
	}
#main dl.faq dd a{
	color:#ccc;
	}
#main dl.faq dd a:hover{
	color:#999;
	}


#main p.more,
#main p.pagetop{
	text-align:right;
	clear:both;
	}
#main p.pagetop a{
	background:url(../img/pagetop.jpg) no-repeat 0 2px;
	padding-left:15px;
	}
#main p.more a{
	background:url(../img/blog-dot.jpg) no-repeat 0 5px;
	margin:0 0 5px 15px;
	padding:3px 0 3px 15px;
	}


#main ul#feed li{
	background:url(../img/feed.gif) no-repeat 0 5px;
	padding:3px 0 3px 15px;
	}


/* 各ボタン====*/

#main p.btn{
	margin-bottom:15px;
	clear:both;
	}

#main p.btn a{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:30px;
	background-position:0 0;
	margin:0 auto;
	background-repeat:no-repeat;
	}
#main p.btn a:hover{
	background-position:-250px 0;
	}
#main p.btn a.btnGallery{
	background-image:url(../img/btn_gallery.gif);
	}
#main p.btn a.btnBbs{
	background-image:url(../img/btn_bbs.gif);
	}
#main p.btn a.btnBlog{
	background-image:url(../img/btn_blog.gif);
	}
#main p.btn a.btnShop{
	background-image:url(../img/btn_shop.gif);
	}
#main p.btn a.btnWrite{
	background-image:url(../img/btn_write.gif);
	}
#main p.btn a.btnMail{
	background-image:url(../img/btn_mail.gif);
	}
#main p.btn a.btnGjinbutsu{
	background-image:url(../img/btn_g_jinbutsu.gif);
	}
#main p.btn a.btnGnigaoe{
	background-image:url(../img/btn_g_nigaoe.gif);
	}
#main p.btn a.btnGoriginal{
	background-image:url(../img/btn_g_original.gif);
	}

	
/*====================================
	entry
====================================*/
#main .entry{
	margin:10px 0 20px 20px;
	}
#main .entry h4,
#main .entry p{
	margin:0 30px 0 0;
	}
#main .entry h4 a{
	color:#a39d03;
	font-weight:bold;
	}
#main .entry a.comment{
	background:url(../img/entry_comment.jpg) no-repeat 0 0;
	padding-left:25px;
	margin-left:20px;
	}
#main .entry span,
#main #commentAll span,
#main p span{
	color:#a39d03;
	}
#main .entry ul#bbsList li{
	background:url(../img/bbs-list.gif) no-repeat 0 15px;
	padding:10px 0 10px 15px;
	margin:0 30px 0 0;
	border-bottom:1px dashed #666;
	}
#main .entry ul#bbsList li a{
	font-size:120%;
	}
#main .entryTop{
	background:url(../img/entry_top.png) no-repeat 0 0;
	behavior: url("http://www.diagonarl-art.com/tmpl/js/iepngfix.htc");
	}
#main .entryContents{
	background:url(../img/entry_bg.png) no-repeat 0 0;
	behavior: url("http://www.diagonarl-art.com/tmpl/js/iepngfix.htc");
	}
#main .entryBot{
	background:url(../img/entry_bot.png) no-repeat 0 0;
	behavior: url("http://www.diagonarl-art.com/tmpl/js/iepngfix.htc");
	padding-bottom:10px;
	}
#main .entryContents img{
	border:1px solid #666;
	padding:3px;
	background-color:#ccc;
	}
	
#main #commentAll{
	overflow:hidden;
	margin-left:20px;
	}
#main #commentAll #comment{
	width:330px;
	float:left;
	}
#main #commentAll .commentBox{
	width:330px;
	background:url(../img/comment_bg.png) no-repeat 0 0;
	behavior: url("http://www.diagonarl-art.com/tmpl/js/iepngfix.htc");
	margin-bottom:10px;
	}
#main #commentAll .commentBox p{
	margin-left:10px;
	}
#main #commentAll .commentForm{
	width:250px;
	float:left;
	}
#main #commentAll .commentForm h3{
	font-family: Arial, Helvetica,"ヒラギノ丸ゴ Pro W4",Osaka,meiryo, sans-serif,"MS ゴシック";
	font-size:120%;
	background:url(../img/entry_comment.jpg) no-repeat 0 5px;
	padding:0 0 0 25px;
	margin:0 0 0 20px;
	}
#main #commentAll .commentForm input.allWidth,
#main #commentAll .commentForm textarea{
	width:230px;
	}

#main p.entryDate{
	text-align:right;
	}


#main #main2R ul.bloglist li{
	background:url(../img/blog-dot.jpg) no-repeat 0 5px;
	margin-bottom:5px;
	padding-left:15px;
	font-size:120%;
	}

/*====================================
	footer
====================================*/
#footer ul{
	}
#footer ul li{
	font-family:Impact;
	font-size:120%;
	display:inline;
	padding-right:10px;
	line-height:1;
	}
#footer ul li a{
	color:#999999;
	text-decoration:none;
	}
#footer ul li a:hover{
	color:#666666;
	}
#footer address{
	font-size:90%;
	clear:both;
	}

/*====================================
	透過png対策
====================================*/