* {
	margin: 0;
 	padding: 0;
 	list-style: none;
 	text-decoration: none;
  }
 
 body {
	font-family: "ヒラギノ丸ゴ Pro W4", 'Hiragino Maru Gothic Pro', Osaka, "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color : #303640;
	}
 
 a { text-decoration : none; outline : none; }
 a:link { color : #5a6772; }
 a:visited { color : #5a6772; }
 a:hover, a:visited:hover, a:active { color : #ff535c;}
 
div, p, a, img { border : 0; }


h1 span { display : none; }
h2 span { display : none; }

.clearfix:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix	{ display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix	{ height: 1%;}
.clearfix	{ display: block;}
/* End hide from IE-mac */
.padding_top15	{
	padding-top: 15px;
}

/***************************************************************************************
 ヘッダーとメニュー
***************************************************************************************/
#Header {
	width : 960px;
	height : 80px;
	margin : 0 0 10px 0;
	padding : 0;
	display : block;
	border-bottom : #303640 1px solid;
}

h1 {
	width : 444px;
	height : 40px;
	margin : 20px 0 20px 20px;
	_margin : 20px 0 20px 10px;
	display : block;
	float : left;
	background : url(../images/logo.gif) no-repeat left top;
}

h1 a {
	width : 162px;
	height : 40px;
	display : block;
	text-indent : -500000px;
}


#Gmenu {
	width : 476px;
	height : 20px;
	float : left;
	margin : 30px 0 0 0;
}

#topNavi {
	padding: 0;
	background : url(../images/menu.gif) no-repeat left top;
	width : 476px;
	height : 20px;
	position: relative;
}

/* LI for main navigation */
#topNavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
#topNavi li, #topNavi a {
	height: 20px;
	display: block;
	border-bottom: none;
}
 #topNavi li span {
 	display : none;
 }

 
/* Modified Phark Image Replacement Technique */
#topNavi a {
	text-indent: -50000px;
	text-decoration: none;
}
	
/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#tnavi_1 {left: 0px; width: 100px;}
#tnavi_2 {left: 150px; width: 120px;}
#tnavi_3 {left: 320px; width: 52px;}
#tnavi_4 {left: 430px; width: 46px;}

#tnavi_1 a:hover, #tnavi_1 a:visited:hover { background: transparent url(../images/menu.gif) no-repeat 0 -20px; }
#tnavi_2 a:hover, #tnavi_2 a:visited:hover { background: transparent url(../images/menu.gif) no-repeat -150px -20px;}
#tnavi_3 a:hover, #tnavi_3 a:visited:hover { background: transparent url(../images/menu.gif) no-repeat -320px -20px;}
#tnavi_4 a:hover, #tnavi_4 a:visited:hover { background: transparent url(../images/menu.gif) no-repeat -430px -20px;}


/***************************************************************************************
 フッター
***************************************************************************************/
#Footer {
	width : 920px;
	padding : 20px;
	border-top : #303640 1px solid;
	float : left;
}


/***************************************************************************************
 コンテンツ部分
***************************************************************************************/
#Contetns {
	width : 960px;
	margin : 0 0 10px 0;
	padding : 0;
}

#FootNavi {
	width : 920px;
	margin : 10px 20px;
	display  : block;
}
#FootNavi p#FootBanner {
	width : 820px;
	margin : 0;
	padding : 0;
	float : left;
}
#FootNavi p#PageTop {
	width : 100px;
	margin : 10px 0 0 0;
	padding : 0;
	float : left;
}

/***************************************************************************************
 トップイメージ
***************************************************************************************/
#TopImg {
	width : 960px;
	height : 470px;
	display : block;
	position: relative; /* important */  
	overflow: hidden; /* important */
	margin : 0 0 30px 0;
	padding : 0; 
}
.TopImg_item {
    position: absolute;  
    top: 0;  
    left: 0;  
     display: block;  
    padding: 0px;  
}

/* トップの左カラム */
#TopLeft {
	width : 460px;
	margin : 0;
	float : left;
}
#TopAttention {
	width : 360px;
	padding : 10px;
	margin : 0 0 30px 30px;
	border : #ff535c 1px solid;
}
#TopAttention a {
	font-size : 12px;
	color : #ff535c;
}
#TopAttention a:link, #TopAttention a:visited  { text-decoration : none; }
#TopAttention a:hover, #TopAttention a:visited:hover  { text-decoration : underline; }

.TopLeftColumn {
	width : 400px;
	margin : 0 0 30px 20px;
	display : block;
}

.TopLeftColumn p.attention {
	margin : 0 0 0 0;
	font-size : 12px;
	padding : 10px;
	color : #ff535c;
	border : #ff535c 1px solid;
}

h2#WhatsNew {
	width : 420px;
	height : 24px;
	display : block;
	margin : 0 0 20px 0;
	padding : 0;
	background : url(../images/newtitle.gif) no-repeat left top;
}

/* whats new */
ul#news {
	margin : 0;
}

ul#news li {
	margin : 0 0 10px 0;
}
ul#news li p.date {
	margin : 0;
	padding : 0;
	width : 80px;
	float : left;
	font-size : 11px;
}

ul#news li p.txt {
	margin : 0;
	padding : 0;
	width : 310px;
	float : left;
	font-size : 12x;
}

/* トップの右カラム */
#TopRight {
	width : 500px;
	margin : 0;
	float : left;
}

#TopRightMag {
	width : 478px;
	margin : 0 0 20px 0;
	padding : 15px 10px;
	display : block;
	border-top : #303640 1px solid;
	border-left : #303640 1px solid;
	border-bottom : #303640 1px solid;
}
.TopMagImg {
	width : 200px;
	margin : 0 15px 0 5px;
	float : left;
}

.TopMagImg a img { border : #3b6492 1px solid; }
.TopMagImg a:hover img, .TopMagImg a:visited:hover img { border : #ff535c 1px solid; }

.TopMagTxt {
	width : 250px;
	margin : 0;
	float : left;
}
.TopMagTxt p {
	font-size : 13px;
	color : #00384B;
	margin : 0 0 10px 0;
}
.TopMagTxt p.detail {
	font-size : 12px;
	margin : 0 0 10px 0;
	color : #00384B;
}
.TopMagTxt p.title {
	margin : 5px 0 10px 0;
}
.TopMagTxt p.more {
	margin : 0;
	text-align : right;
}
/* コンテンツ ぱんくず */
#TopicPath {
	width : 920px;
	padding : 0 20px;
	margin : 0 0 30px 0;
	font-size : 12px;
	line-height : 12px;
	float : left;
	text-align : right;
}


/*コンテンツ左カラム */
#Left {
	width : 270px;
	margin : 43px 0 20px 0;
	float : left;
 }

.LeftCover {
	width : 200px;
	margin : 0 0 50px 20px;
	padding : 0;
	text-align : center;
	display : block;
}
.LeftCover a img.cover { border : #303640 1px solid; }
.LeftCover a:hover img.cover, .LeftCover a:visited:hover img.cover { border : #ff535c 1px solid; }


#LeftCoverSP {
	width : 200px;
	height : 210px;
	margin : 0 0 50px 20px;
	padding : 0;
	text-align : center;
	display : block;
	position: relative; /* important */  
	overflow: hidden; /* important */
}

.Left_item {
    position: absolute;  
    top: 0;  
    left: 0;  
     display: block;  
    padding: 0px;  
}
.Left_item a img.cover { border : #303640 1px solid; }
.Left_item a:hover img.cover, .Left_item a:visited:hover img.cover { border : #ff535c 1px solid; }


ul.BackNumbers {
	width : 180px;
	margin : 0 0 130px 20px;
}
ul.BackNumbers li {
	margin : 0 0 10px 0;
}

#Left h4 {
	width : 220px;
	height : 18px;
	margin : 0 0 15px 0;
	display : block;
}
#Left h4 span { display : none; }
h4#OnSale {
	background : url(../images/onsaletitle.gif) repeat left top;;
}
h4#BackNumber {
	background : url(../images/backnumbertitle.gif) repeat left top;;
}
h4#Coming {
	background : url(../images/comingtitle.gif) repeat left top;;
}


/*コンテンツ右カラム */
#Right {
	width : 690px;
	margin : 0 0 20px 0;
	float : left;
 }

#Right h2 {
	width : 670px;
	height : 30px;
	display : block;
	margin : 0 0 45px 0;
	padding : 0;
}
h2#Information { background : url(../images/infotitle.gif) no-repeat left top; }
h2#Event { background : url(../images/eventtitle.gif) no-repeat left top; }
h2#Magazines { background : url(../images/magtitle.gif) no-repeat left top; }
h2#Error404 { background : url(../images/404title.gif) no-repeat left top; }

.RightTitleA {
	width : 670px;
	margin : 0 0 30px 0;
	padding : 0 0 0 10px;
	border-left : #303640 8px solid;
	display : block;
}
.RightTitleA h3 {
	font-size : 14px;
	font-weight : normal;
	margin : 0 0 5px 0;
}

.RightTitleA p.date {
	font-size : 12px;
	line-height : 12px;
	margin : 0 0 0 0;
	padding : 0 0 4px 0;
}

.RightTitleA p.end {
	font-size : 12px;
	line-height : 12px;
	margin : 0 0 0 0;
	padding : 5px 0 4px 0;
	color : #ff535c;
}


.RightColumn {
	width : 670px;
	margin : 0 10px 30px 0;
	padding : 0;
}
.RightColumnTxt {
	width : 440px;
	margin : 0 30px 0 0;
	float : left;
}

.RightColumnTxt ul {
	margin : 0 10px 20px 10px;
	padding : 0;
}
.RightColumnTxt ul li {
	margin : 0 0 10px 0;
	padding : 0 0 0 10px;
	background  : url(../images/param2.gif) no-repeat left 8px;
}
a.link {
	padding : 2px 0 0 20px;
	background  : url(../images/paramlink.gif) no-repeat left top;
}


.RightColumnImg {
	width : 200px;
	margin : 0;
	float : left;
}
.RightColumnImg img {
	border : #303640 1px solid;
	margin : 0 0 20px 0;
}

.RightColumnImg a:hover img, .RightColumnImg a:visited:hover img { border : #ff535c 1px solid; }
.RightColumnImg img.cap {
	border : #303640 1px solid;
	margin : 0 0 0 0;
}
.RightColumnImg p {
	font-size : 11px;
	line-height : 15px;
	margin : 0 0 20px 0;
}
.RightColumnTxt p {
	margin : 0 0 20px 0;
}

.RightColumnTxt p.attention {
	margin : 0 0 20px 0;
	font-size : 12px;
	padding : 10px;
	color : #ff535c;
	border : #ff535c 1px solid;
}

.RightColumn p.prevpage {
	margin : 20px 0 30px 0;
	width : 220px;
	float : left;
}
.RightColumn p.nextpage {
	margin : 20px 0 30px 0;
	width : 220px;
	text-align : right;
	float : left;
}
/***************************************************************************************
雑誌用
***************************************************************************************/
.MagList {
	width : 335px;
	margin : 0 0 50px 0;
	float : left;
	text-align : center;
}
.MagList a img.cover { margin : 0 0 5px 0; border : #303640 1px solid; }
.MagList a:hover img.cover, .MagList a:visited:hover img.cover { border : #ff535c 1px solid; }

#MagLeft {
	 width : 350px;
	 margin : 0 20px 0 0;
	 float : left;
}

h3#MagTitle {
	margin : 0 0 20px 0;
	width : 350px;
	height : 20px;
	display : block;
	padding : 0;
}
#MagLeft p {
	margin : 0 10px 2em 10px;
}

#MagLeft p.info {
	color : #8d98a1;
	margin : 20px 10px 30px 10px;
}

#MagLeft p.n01 { color : #917a4d; }
#MagLeft p.n02 { color : #4d925d; }
#MagLeft p.n03 { color : #025982; }
#MagLeft p.n04 { color : #E8633D; }
#MagLeft p.n05 { color : #112f59; }
#MagLeft p.ndegi { color : #eb6b8d; }
#MagLeft p.n06 { color : #e39f16; }
#MagLeft p.n07 { color : #613dab; }
#MagLeft p.n08 { color : #00384B; }

span.p12 { font-size : 14px; line-heihgt : 22px; }
span.p11 { font-size : 12px; line-heihgt : 18px; }

#MagRight {
	 width : 300px;
	 margin : 0;
	 float : left;
}

#MagRight a img.cover { border : #303640 1px solid; }
#MagRight a:hover img.cover, #MagRight a:visited:hover img.cover { border : #ff535c 1px solid; }

 #cover {
	text-align : center;
	margin : 0px 0 10px;
 }

 .pageL {
	width : 140px;
	margin : 0 10px 20px 5px;
	float : left;
 }

.pageR {
	width : 140px;
	margin : 0 0 20px 0;
	float : left;
 }
 
.next {
	text-align : right;
	margin : 0 0 20px 0;
	display : block;
}

.prev {
	margin : 0 0 20px 0;
	text-align : left;
	display : block;
}
.prev img, .next img {
	cursor:pointer;
}

/* MagImgs css */  
#MagImgs {  
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 300px; /* important */  
	height: 520px; /* important */
	display : block;
  margin : 0;
    border: none;
}

.MagImgs_item {  
    position: absolute;  
    top: 0;  
    left: 0;  
     width: 300px; /* important */  
    height: 520px; /* important */   
    display: block;  
    padding: 0;
 }

 h2#Cont {
	width : 400px;
	height : 30px;
	margin : 0 0 20px 10px;
	display : block;
	background : url(../images/contentsbak.gif) no-repeat left top;
}

 h2#Browse {
	width : 360px;
	height : 30px;
	margin : 0px 0 10px;
	display : block;
	background : url(../images/browsebak.gif) no-repeat left top;
}

#MagSpecial {
	width : 300px;
	margin : 0 0 0 0;
	padding : 10px 0;
	border-top : #303640 1px solid;
	border-left : #303640 1px solid;
	border-bottom : #303640 1px solid;
}
#MagSpecial p#title {
	width : 100px;
	height : 19px;
	margin : 0 10px;
	padding : 0;
	background : url(../images/specialtitle.gif) no-repeat left top;
	display : block;
}
#MagSpecial p#strap {
	width : 300px;
	margin : 0 0 10px;
	padding : 20px 0 5px;
}
#MagSpecial p#txt {
	margin : 0 10px;
	text-align : center;
}

#MagSpecial p#title span {
	display : none;
}

/***************************************************************************************
イベント用
***************************************************************************************/

h4#Event {
	margin : 10px 20px 30px 0;
	padding : 2px 0 2px 6px;
	font-weight : normal;
	font-size : 14px;
	line-height : 14px;
	color : #ff535c;
	border-left : #ff535c 5px solid;

}

.eventbox {
	width : 640px;
	margin : 0 30px 20px 10px;
	_margin : 0 15px 20px 5px;
	padding : 0 0 20px 0;
	border-bottom : #5a6772 1px solid;
}
.eventname {
	width : 120px;
	margin : 0 0 0 0;
	padding : 0 0 0 10px;
	float : left;
	color : #5a6772;
}
.eventbody {
	width : 510px;
	margin : 0 0 0 0;
	padding : 0;
	float : left;
}

h4.sp {
	margin : 30px 20px 20px 0;
	padding : 2px 0 2px 6px;
	font-weight : normal;
	font-size : 13px;
	line-height : 13px;
	color : #ff535c;
	border-left : #ff535c 5px solid;
}

h5.sp {
	margin : 30px 20px 10px 0;
	font-weight : normal;
	font-size : 12px;
	line-height : 12px;
	color : #ff535c;
}

p.sp {
	margin : 0 0 20px 0;
}

ul.sp {
	margin : 0;
	padding : 0;
}
ul.sp li {
	margin : 0 0 10px 0;
	padding : 0 0 0 15px;
	background  : url(../images/param.gif) no-repeat left 0.7em;
	_background  : url(../images/param.gif) no-repeat left 0.7em;
}

ul.sp li.last {
	margin : 0;
	padding : 0 0 0 15px;
	background  : url(../images/param.gif) no-repeat left 0.7em;
	_background  : url(../images/param.gif) no-repeat left 0.7em;
}

ul.sp li div {
	 font-size : 11px;
	margin : 5px 10px 0;
}

/* フォーム */
body#Frm {
	background : #FFFFFF;
}

#EventFrm {
	width : 580px;
	font-size : 11px;
}

h2#EventFRM {
	width : 560px;
	height : 30px;
	display : block;
	margin : 0 0 30px 10px;
	background  : url(../images/eventfrmtitle.gif) no-repeat left bottom;
}
#EventFrm h3 {
	margin : 0 20px 10px;
	padding : 0 0 0 8px;
	border-left : #303640 5px solid;
	font-weight : normal;
}
ul.sp2 {
	margin : 0 30px 30px 30px;
	padding : 0;
}
ul.sp2 li {
	margin : 0 0 4px 0;
	padding : 0 0 0 14px;
	background  : url(../images/param.gif) no-repeat left center;
}

.frmbox {
	width : 540px;
	_width : 530px;
	margin : 0 20px 15px;
	_margin : 0 10px 15px;
	clear : both;
}

.frmname {
	width : 150px;
	margin : 0 0 10px 0;
	padding : 0 5px;
	float : left;
}

.frmzone {
	width : 350px;
	margin : 0 0 10px 0;
	padding : 0 5px;
	float : left;
}

textarea {
	width : 350px;
	margin : 0;
	padding : 0;
}

.frmbtn {
	width : 540px;
	margin : 20px;
	clear : both;
	text-align : center;
}

.frmpwd {
	width : 540px;
	margin : 20px;
	clear : both;
	text-align : right;
	font-size : 10px;
}

table#frmchk {
	width : 540px;
	_width : 500px;
	margin : 20px;
	background : #38628d;	
	font-size : 12px;
}

table#frmchk th {
	width : 150px;
	padding : 5px 4px;
	text-align : left;
	background : #FFFFFF;
	font-weight : normal;
}
table#frmchk td {
	padding : 5px 4px;
	text-align : left;
	background : #FFFFFF;
	font-weight : normal;
}

/* インフォメーション */

.infobox {
	width : 440px;
	margin : 0 0 20px 0;
	padding : 0 0 20px 0;
	border-bottom : #5a6772 1px solid;
	font-size : 12px;
}

.infobox1st {
	width : 440px;
	margin : 20px 0;
	padding : 20px 0;
	border-top : #5a6772 1px solid;
	border-bottom : #5a6772 1px solid;
	font-size : 12px;
}
.infoname {
	width : 85px;
	margin : 0;
	padding : 0 0 0 5px;
	float : left;
	color : #5a6772;
}
.infobody {
	width : 350px;
	margin : 0 0 0 0;
	padding : 0;
	float : left;
}
.infobody p {
	margin : 0 0 1em 0;
}

.infobody p.last {
	margin : 0;
}

 .clearer {
 	clear: both;
	display : none;
}

/* 404 error */
.RightColumnError {
	padding-top : 50px;
	width : 670px;
}
.RightColumnError p.error {
	font-size : 14px;
	margin : 0 0 30px 0;
	text-align : center;
}



span.cred { color : #ff535c; }




/* ムック用　*/
#SPTopRightMag {
	width : 478px;
	margin : 0 0 20px 0;
	padding : 10px;
	display : block;
	border-top : #303640 1px solid;
	border-left : #303640 1px solid;
	border-bottom : #303640 1px solid;
}

.SpTopMagTitle {
	width : 130px;
	padding : 184px 0 0 0;
	margin : 0 10px 0 0;
	float : left;
}


.SpTopMagImg {
	width : 160px;
	margin : 0 18px 0 0;
	padding : 0;
	float : left;
}

.SpTopMagImg a img { border : #303640 1px solid; }
.SpTopMagImg a:hover img, .SpTopMagImg a:visited:hover img { border : #ff535c 1px solid; }

.SpTopMagImgLast {
	width : 160px;
	margin : 0 0 0 0;
	float : left;
	padding : 0;
}

.SpTopMagImgLast a img { border : #303640 1px solid; }
.SpTopMagImgLast a:hover img, .SpTopMagImgLast a:visited:hover img { border : #ff535c 1px solid; }