@charset "shift_jis";

@import "reset.css";
@import "font.css";

body{
	color:#333;
}

#container{
	width:800px;
	margin:0 auto;
}

#header{
	background:url(../images/kirito_pic.jpg) no-repeat right top;
	height:532px;
}

/*-------------------------------
___Header
-------------------------------*/

#header .left_column{
	width:411px;
	padding-left:13px;
	background-color:#161415;
	color:#fff;
	overflow:hidden;
}

.left_column #cap{
	margin:17px 0 0 7px;
}

.left_column #title{
	margin:15px 0 37px 0;
}

#whatsNew{
	width:395px;
	height:150px;
	border:1px dashed #818080;
	margin:24px 0 24px 9px;
	overflow:hidden;
	display:block;
}

* html #whatsNew{height:150px;}
*:first-child+html #whatsNew{height:113px;}

#whatsNew dt{
	margin:10px 0 5px 11px;
}

#whatsNew dd{
	margin:0 5px 0px 17px;
}

/*-------------------------------
___bookNew
-------------------------------*/
#bookNew dl{
	display:block;
	overflow:hidden;
	padding:0 47px 0 23px;
}

#bookNew dl dt{
	float:left;
	clear:both;
	display:inline;
	margin:0 28px 0 0;
}

* html #bookNew dl dd{
	float:right;
	display:inline;
}

#bookNew dl dd dl{
	padding:0px;
}

#bookNew dl dd dl dt{
	margin:6px 28px 10px 0px;
}

#bookNew dl dd dl dd{
	clear:both;
	float:none;
}

/*-------------------------------
___Get To
-------------------------------*/
#get_to{
	background:url(../images/get_to_bg.jpg) no-repeat;
	width:765px;
	height:220px;
	margin:14px auto 0 auto;
	overflow:hidden;
}

#get_to dl{
	margin-top:21px;
	margin-left:20px;
	display:block;
}

#get_to dl dd{
	clear:both;
	padding:18px 0 12px 0;
	overflow:hidden;
	display:block;
}

#get_to dl dd #getBtn01{
	float:left;
	display:inline;
	margin-right:49px;
}

#get_to dl dd ul{
	float:left;
	display:inline;
}

#get_to dl dd ul li{
	float:left;
	display:inline;
}

#get_to dl dd ul.btn01 li{
	margin-left:39px;
}

#get_to dl dd ul.btn02{
	padding-top:10px;
}

* html #get_to dl dd ul.btn02{padding-top:0px;}

#get_to dl dd ul.btn02 li.txt{
	margin-top:8px;
	margin-left:13px;
}

/*-------------------------------
___Magazine
-------------------------------*/
#magazine, #mailmaga{
	width:744px;
	margin:0 auto;
	margin-top:35px;
	overflow:hidden;
}

h3{
	font-weight:bold;
	font-size:105%;
	background:url(../images/h3_bg.gif) no-repeat left 4px;
	padding-left:16px;
	margin-bottom:20px;
}

*:first-child+html h3{
	background-position:left 1px;
}

#magazine dl{
	float:left;
	display:inline;
	margin-left:35px;
}

html[xmlns*=""] body:last-child #magazine dl{
	margin-left:23px;
}


#magazine dl dt{
	vertical-align:top;
	margin-bottom:18px;
	overflow:hidden;
}

#magazine dl dd{
	font-size:80%;
	padding-left:2px;
}

.red{
	color:#cc0000;
}

#magazine dl#book1{margin-left:18px;}

#magazine dl dd.tfmbook{
	font-size:95%;
	font-weight:bold;
	margin-top:30px;
	padding-left:3px;
}

/*-------------------------------
___Mail Magazine
-------------------------------*/

#mailmaga p.maintxt{
	width:390px;
	float:left;
	display:inline;
}

#mailmaga .images{
	float:right;
	display:inline;
}

#mailmaga .images .qr, #mailmaga .images dl{
	float:left;
	display:inline;
}

#mailmaga .images .qr{
	margin-right:33px;
}

#mailmaga .images dl{
	margin-right:10px;
	width:200px;
}

#mailmaga .images dl dd{
	text-align:center;
	margin-top:8px;
}

/*-------------------------------
___Banner
-------------------------------*/
ul#bnr{
	overflow:hidden;
	margin-top:30px;
}

ul#bnr li{
	float:right;
	display:inline;
	margin-right:14px;
}

/*-------------------------------
___Copyright
-------------------------------*/

p#cp{
	clear:both;
	text-align:center;
	margin-top:17px;
	margin-bottom:38px;
}