@charset "EUC-JP";
/***************************************************************

* common.css

***************************************************************/

/* reset
***************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0; 
} 
table {
	width: 100%;
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: 100%;
} 
fieldset,img {  
	border: 0; 
}
li img {
	vertical-align: top;
}
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style: normal; 
	font-weight: normal; 
} 
ol,ul { 
	list-style: none;
} 
 
caption,th { 
	text-align: left; 
} 

h1,h2,h3,h4,h5,h6 { 
	font-size: 100%; 
	font-weight: normal; 
} 
q:before,q:after { 
	content: ''; 
} 
abbr,acronym {
	border: 0; 
}  
 
 /* body
***************************************************************/
body {
	font-size: 12px;
	font-family		: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',Osaka,sans-serif;
    color: #666666;
	text-align: center;
	background:url(http://img05.shop-pro.jp/PA01160/769/etc/common_bg_header.gif) repeat-x #f8f8f8;
	position:relative;
}
/* ie6 hack */
* html body {
	letter-spacing:0.1em;
	line-height: 1.6em;
	font-size:75%;
}
/* ie7 hack */
*:first-child+html body {
	letter-spacing: 0.1em;
	line-height: 1.6em;
	font-size:75%;
}
#cover {
	background:url(http://img05.shop-pro.jp/PA01160/769/etc/common_bg_footer.gif) repeat-x left bottom;
	text-align:left;
}

/* clear
***************************************************************/
div{
    zoom:1;
}
div:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

/* link
***************************************************************/
a{
	color:#000000;
	text-decoration: underline;
	outline: none;
}

a:hover{
	color:#000000;
	text-decoration: none;
	outline: none;
}

/* pan
***************************************************************/
#pan {
	padding:10px 12px 8px;
}

/* wrapper
***************************************************************/
#wrapper {
	width: 960px;
	margin:0 auto;
}

/* header
***************************************************************/
#header {
	height:160px;
	position:relative;
	margin:0 0 20px;
}
#header #logo h1 a{
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	background:url(http://img05.shop-pro.jp/PA01160/769/etc/common_logo.gif);
	width:163px;
	height:71px;
	position:absolute;
	left:4px;
	top:44px;
}
#header #main-nav {
	position:absolute;
	bottom:30px;
	right:0;
}

#header .block1,
#header .block2,
#header .block3 {
	float:left;
	text-indent:-9999px;
	border-right:1px solid #ccc;
	margin: 0 10px 0 0;
	padding:12px 17px 0 82px;
}
#header .block1 li ,
#header .block2 li ,
#header .block3 li {
	line-height:12px;
	font-size:12px;
}
#header .block1 li a,
#header .block2 li a,
#header .block3 li a{
}
#header .block1 li a{
	background:url(http://img05.shop-pro.jp/PA01160/769/etc/common_headmenu_01.gif) no-repeat;
	height:12px;
	width:112px;
	margin:0 0 12px;
	display:block;
	font-size:12px;
}
#header .block2 li a{
	background:url(http://img05.shop-pro.jp/PA01160/769/etc/common_headmenu_02.gif) no-repeat;
	height:12px;
	width:141px;
	margin:0 0 12px;
	display:block;
}
#header .block3 li a{
	background:url(http://img05.shop-pro.jp/PA01160/769/etc/common_headmenu_03.gif) no-repeat;
	height:12px;
	width:127px;
	margin:0 0 12px;
	display:block;
}
#header .block1 li.voice a ,
#header .block1 li.voice a:hover ,
#header .block2 li.law a ,
#header .block2 li.law a:hover ,
#header .block3 li.mailmagazine a ,
#header .block3 li.mailmagazine a:hover {
	background-position:0 0;
}
#header .block1 li.about a ,
#header .block1 li.about a:hover ,
#header .block2 li.pay a,
#header .block2 li.pay a:hover ,
#header .block3 li.entry a ,
#header .block3 li.entry a:hover {
	background-position:0 -25px;
}
#header .block1 li.improve a ,
#header .block1 li.improve a:hover ,
#header .block2 li.postage a ,
#header .block2 li.postage a:hover ,
#header .block3 li.login a ,
#header .block3 li.login a:hover {
	background-position:0 -48px;
}
#header .block1 li.contact a ,
#header .block1 li.contact a:hover ,
#header .block2 li.privacy a ,
#header .block2 li.privacy a:hover ,
#header .block3 li.curt a ,
#header .block3 li.curt a:hover {
	background-position:0 -72px;
}

/* side-column
***************************************************************/
#side-column {
	width:230px;
	float:left;
}
#side-column #side-ban li {
	width:230px;
	height:110px;
	margin:0 0 10px;
}
#side-column .freeban a {
	display:block;
	width:230px;
	height:110px;
	text-indent:-9999px;
}
#side-column #side-category {
	width:230px;
	min-height:470px;
	height:auto !important;
	height:470px;
	background:#ffffff;
	margin:0 0 10px;
}
#side-column #side-accesories,
#side-column #side-archive {
	width:230px;
	background:#ffffff;
	margin:0 0 10px;
}
#side-column #side-category h2 {
	margin:0;
}
#side-column #side-category h3,
#side-column #side-accesories h3 {
	margin:0 0 5px;
}
#side-column #side-archive h2 {
	margin:0 0 5px;
}
#side-column #side-category ul ,
#side-column #side-accesories ul ,
#side-column #side-archive ul {
	width:215px;
	margin:0 auto;
}
#side-column #side-category ul li+li {
}
#side-column #side-category ul li ,
#side-column #side-accesories ul li ,
#side-column #side-archive ul li {
	border-bottom:1px #e8e8e8 solid;
	background:url(http://img05.shop-pro.jp/PA01160/769/etc/common_icon_arrow.gif) no-repeat left center ;
	padding:0 0 0 1.5em;
	height:40px;
	line-height:40px;
	font-size:12px;
}
#side-column #side-category ul li a img ,
#side-column #side-accesories ul li a img ,
#side-column #side-archive ul li a img {
	vertical-align:middle;
	_vertical-align:bottom;
	_display:none;
}
#side-column #side-category ul li.last ,
#side-column #side-accesories ul li.last ,
#side-column #side-archive ul li.last {
	border:none;
}

/* footer 
***************************************************************/
#footer {
	height:50px;
	margin:20px 0 0;
}
#footer-inner {
	width:960px;
	margin:0 auto;
	padding:20px 0 0 0;
}
#footer-inner #copyright {
	background:url(http://img05.shop-pro.jp/PA01160/769/etc/common_footer_coryright.gif) no-repeat;
	width:270px;
	height:9px;
	text-indent:-9999px;
}

/* pagetop
***************************************************************/
#pagetop {
	bottom: 15%;
	position: fixed !important;  
	position: absolute; 
	right: 0;
}

/* main-column
***************************************************************/
#main-column {
	width:720px;
	float:right;
}
#main-column .article {
	padding:0 30px 60px;
	background:#ffffff;
	width:650px;
}
#main-column .article h2 {
	background:#666666;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#ffffff;
	padding:12px 10px;
	width:690px;
	margin:0 -30px 30px;
}
#main-column .article h3 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 30px;
}

/* template01
 * template02
***************************************************************/

#main-column #campaign .template01 .article ,
#main-column #campaign .template02 .article {
	padding:0 0 60px;
	background:#ffffff;
	width:710px;
}
#main-column #campaign .template01 .article h2 ,
#main-column #campaign .template02 .article h2 {
	background:#666666;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#ffffff;
	padding:12px 10px;
	width:690px;
	margin:0 0 30px;
}
#main-column #campaign .template01 .article-inner h3 ,
#main-column #campaign .template02 .article-inner h3 ,
#main-column #campaign .template01 .article-inner p ,
#main-column #campaign .template02 .article-inner p {
	width:650px;
	margin:0 auto;
}
#main-column #campaign .template02 .article #price {
	margin:50px 0 0 30px;
}
#main-column #campaign .template02 .article #price table {
}
#main-column #campaign .template02 .article #price table {
	border-top:1px solid #E8E8E8;
	border-left:1px solid #E8E8E8;
	margin:0 0 20px;
	width:550px;
}
#main-column #campaign .template02 .article #price td {
	padding:10px;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	text-align:center;
}
#main-column #campaign .template02 .article #price th {
	padding:10px;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
}
#main-column #campaign .template02 .article #price td.odd {
	background:#FFFFFF;
}
#main-column #campaign .template02 .article #price th.odd {
	background:#FFFFFF;
}
#main-column #campaign .template02 .article #price td.even {
	background:#F8F8F8;
}
#main-column #campaign .template02 .article #price th.even {
	background:#F8F8F8;
}
#main-column #campaign .template02 .article #price ul {
	width:650px;
}
#main-column #campaign .template02 .article #price li {
	list-style-type: disc;
	list-style-position:inside;
}

/* template03
***************************************************************/
#main-column #campaign .template03 .article {
	padding:0 30px 60px;
	background:#ffffff;
	width:650px;
}
#main-column #campaign .template03 .article h2 {
	background:#666666;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#ffffff;
	padding:12px 10px;
	width:690px;
	margin:0 -30px 30px;
}
#main-column #campaign .template03 .article h3 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 30px;
}
#main-column #campaign .template03 #ar01 {
	margin:0 0 30px;
}
#main-column #campaign .template03 #ar01 .text {
	float:left;
	width:250px;
}
#main-column #campaign .template03 #ar01 .text p {
	margin:0 0 30px;
}
#main-column #ar01 .text table tr {
	border-bottom:1px solid #e8e8e8;
}
#main-column #campaign .template03 #ar01 .text table th {
	font-weight:bold;
	vertical-align:top;
	padding:10px 0;
	width:85px;
}
#main-column #campaign .template03 #ar01 .text table td {
	padding:10px 0;
}
#main-column #campaign .template03 #ar01 .pic {
	float:right;
	width:380px;
}

#main-column #campaign .template03 #ar02 {
	background:#fff0f5;
	padding:30px 38px 30px 26px;
}
#main-column #campaign .template03 #ar02 .pic {
	float:left;
	width:308px;
}
#main-column #campaign .template03 #ar02 .text {
	float:right;
	width:245px;
}