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


body {
	margin:0 auto;
	padding:0 0 0 0;
	line-height:100%;
	text-align:center;
	color:#4C4C4C;
	font-size:12px;
	line-height:1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#base{
	width:940px;
	margin:0 auto;
	padding:0 10px 100px 10px;
	text-align:left;
	background:#FFF;
}

p{margin:0; padding:0;}
img{ border:none; }
a{ outline:none;}

.mt1{ margin-top:1px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}

.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}

.pb10{ padding-bottom:10px;}

.fl{float:left;}
.fr{float:right;}


#header{
	width:940px;
	padding:20px 0 30px 0;
	background:url(../images/dot_yoko.gif) 0 bottom no-repeat;
}

h1{ margin:30px 0 20px 0; padding:0;}
h2{ margin:25px 0 8px 0; padding:0;}
h3{ margin:25px 0 0 0; padding:0 0 0 40px;}
h4{ margin:20px 0 0 0; padding:0 0 0 20px;}


#infoaria{
	width:940px;
	padding:45px 0 0 0;
}


.illust{
	width:940px;
	text-align:center;
}

#infoaria ul{
	width:940px;
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}

#infoaria ul li{
	float:left;
	min-height:9.5em;
}

#infoaria ul li.w290{
	width:290px;
}
#infoaria ul li.w615{
	width:615px;
}


#itemaria01{
	width:940px;
	padding:0 0 0 0;
	margin:30px 0 0 0;
	background:url(../images/dot_yoko.gif) 0 0 no-repeat;
}
#itemaria02{
	width:940px;
	padding:0 0 0 0;
	margin:0px 0 0 0;
	background:url(../images/dot_yoko.gif) 0 0 no-repeat;
}

#itemaria01 .item01{
	float:left;
	width:470px;
	padding:0 0 20px 0;
	background:url(../images/dot_tate.gif) right 2px repeat-y;
}
#itemaria02 .item01{
	float:left;
	width:470px;
	padding:0 0 0px 0;
	background:url(../images/dot_tate.gif) right 2px repeat-y;
}

#itemaria01 .item02{
	float:right;
	padding:0 0 20px 0;
	width:470px;
}

#itemaria02 .item02{
	float:right;
	width:470px;
}



.item{
	width:470px;
	text-align:center;
	padding:20px 0 0 0;
}

.buy{ margin:5px 0 0 0; padding:0 0 0 40px;}

/*============================ clearfix =============================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

	
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




.lineclear {
	background-image:none;
}