html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-size: 12px;
	font-family:“ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”Osaka”,”メイリオ”,”Meiryo”,”ＭＳ Ｐゴシック”,”MS PGothic”,sans-serif;
	background-image: url(../image/2013/bg.png);
	background-repeat: repeat-x;
	background-color: #cbe6fb;
	text-align: left;
}

#container {
	width: 810px;
	padding: 10px 40px 40px 40px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #99aec1;
	box-shadow: 0px 0px 10px #99aec1 inset;
	-moz-box-shadow: 0px 0px 10px #99aec1 inset;
	-webkit-box-shadow: 0px 0px 10px #99aec1 inset;
	text-align: left;
}

#container.item.top {
	width: 700px;
	padding: 10px 95px 40px 95px;
}

#container.main.top {
	width: 850px;
	padding: 0px 20px 40px 20px;
}

img {
	border: none;
}

.sub_top_tr {
	height: 10px;
	line-height: 0.7;
}

.sub_bottom_tr {
	height: 8px;
	line-height: 0.6;
}

font {
	line-height: 1.5;
	text-align: left;
}

tr {
	text-align: left;
}

/*--------------------------
	Link
--------------------------*/

a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; color: blue; }
a:active { text-decoration: none; color: blue; }

a:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
	zoom:1;
}

.itembox a:link { text-decoration: none; color: #000; }
.itembox a:visited { text-decoration: none; color: #000; }
.itembox a:hover { text-decoration: underline; color: #000 }
.itembox a:active { text-decoration: none; color: #000; }

/*--------------------------
	Tool
--------------------------*/

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 

.lh0 {
	line-height: 0;	
}

.lh1 {
	line-height: 1;	
}

.lh15 {
	line-height: 1.5;	
}

.lh17 {
	line-height: 1.7;	
}

.lh2 {
	line-height: 2;	
}

.t13 {
	font-size: 13px;
}

.vl {
	vertical-align: top;
}

.pt30 {
	padding-top: 30px;
}

.pb {
	padding-bottom: 20px;
}


/*--------------------------
	Header
--------------------------*/

#header {
	width: 910px;
	height: 511px;
	background-image: url(../image/2013/topimage.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

h1 {
	position: absolute;
	top: 0px;
	left: 50px;
}

.story {
	position: absolute;
	top: 120px;
	left: 60px;
}

#sub_header {
	width: 912px;
	height: 250px;
	background-image: url(../image/2013/sub_header2.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

#sub_header h1 {
	position: absolute;
	top: 1px;
	left: 20px;
}


/*--------------------------
	Footer
--------------------------*/

#footer {

}

#copy {

}

/*--------------------------
	Nav
--------------------------*/

#top_nav {
	margin: 0px 0px 5px 0px;
	padding:0 0;
	position: absolute;
	bottom: 0px;
	left: 14px;
	font-size: 15px;
	text-align: left;
	list-style: none;
}

#top_nav li {
	//display: inline;
	float: left;
	color: #fff;
	border: 1px solid #fff;
	//padding: 4px 15px;
	margin-right: 2px;
	text-align: center;
	height: 25px;
}

#top_nav li a {
	display: block;
}

#top_nav li:hover {
	border-color: pink;
}

#top_nav li.n1 {
	width: 105px;
}

#top_nav li.n2 {
	width: 135px;
}

#top_nav li.n3 {
	width: 75px;
}

#top_nav li.n4 {
	width: 162px;
}

#top_nav li.n5 {
	width: 75px;
}

#top_nav li.n6 {
	width: 150px;
}

#top_nav li.n7 {
	width: 60px;
}

#top_nav li.n8 {
	width: 90px;
	margin-right: 0px;
}

#sub_nav {
	margin: 0px 0px 5px 0px;
	padding:0px 0px 0 0px;
	position: absolute;
	bottom: 0px;
	left: 14px;
	font-size: 15px;
	text-align: left;
	list-style: none;
}

#sub_nav li {
	//display: inline;
	float: left;
	color: #fff;
	//height: 19px;
	border: 1px solid #fff;
	//padding: 4px 15px;
	text-align: center;
	margin-right: 2px;
	height: 25px;
	padding-top: 1px;
}

#sub_nav li a {
	display: block;
}

#sub_nav li:hover {
	border-color: pink;
}

#sub_nav li.n1 {
	width: 105px;
}

#sub_nav li.n2 {
	width: 135px;
}

#sub_nav li.n3 {
	width: 75px;
}

#sub_nav li.n4 {
	width: 162px;
}

#sub_nav li.n5 {
	width: 75px;
}

#sub_nav li.n6 {
	width: 150px;
}

#sub_nav li.n7 {
	width: 60px;
}

#sub_nav li.n8 {
	width: 90px;
	margin-right: 0px;
}

#top_nav a:link,#sub_nav a:link { text-decoration: none; color: #fff; }
#top_nav a:visited,#sub_nav a:visited { text-decoration: none; color: #fff; }
#top_nav a:hover,#sub_nav a:hover { text-decoration: none; color: pink; }
#top_nav a:active,#sub_nav a:active { text-decoration: none; color: #fff; }

/*--------------------------
	section
--------------------------*/

.mb15 {
	margin-bottom: 15px!important;
}

.mb10 {
	margin-bottom: 10px!important;
}

.mb5 {
	margin-bottom: 5px!important;
}

.bl {
	padding-left: 130px;
}

.cd {
	padding-left: 47px;
}

#container.top h2 {
	font-size: 24px;
	color: #213d4c;
	//border-bottom: 2px solid #CCC;
	background-image: url(../image/2013/top_ttlbg.jpg);
	background-repeat: no-repeat;
	text-indent: 20px;
	margin-bottom: 20px;
}

#container.top h3 {
	font-size: 20px;
	color: #213d4c;
	padding: 15px 0px 0px 0px ;
	margin: 0 5px 0 0;
	text-indent: 15px;
	background-image: url(../image/2013/top_auc_s.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#container.top.main h3 {
	padding-top: 5px;
}

#container.top h4 {
	font-size: 20px;
	line-height: 1.4;
}

#container.top.main h4 {
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	padding-left: 30px;
	margin: 0;
}

#container.top.main h4 span {
	font-weight: normal;
	font-size: 12px;
}

.top_item_harf {
	width: 300px;
}

.top_item_harf_left {
	float: left;	
}

.top_item_harf_right {
	float: right;
}

#container.top h5 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}

.topics {
	padding-left: 22px;
	margin-bottom: 29px;
}

.topics p {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}

.topics span {
	color: #213d4c;
}

.itembox {
	padding: 0 0 10px 0px ;
	margin: 0 0 10px 0;
}

.main .itembox {
	padding: 0 0 10px 0px ;
	margin: 0 0 10px 0;
	width: 205px;
	height: 280px;
	float: left;
}

.main .itembox .itemimg {
	text-align: center;
	height: 165px;
}

.main .itembox .itemimg2 {
	text-align: center;
	height: 183px;
}

.item_linkbox {
	text-align: center;
	width: 70px;
	padding-left: 54px;
	padding-top: 5px;
}

.item_link2 {
	width: 100px;
	margin: 0;
}

.item_link {
	text-align: center;
	font-size: 11px;
	padding: 0;
	margin: 0;
	background-color: #969696;
	border: 1px solid #ccc;
	color: #fff;
	width: 95px;
	vertical-align: middle;
	padding-top: 2px;
	margin-top: 1px;
}

.item_link a:link { text-decoration: none; color: #fff; }
.item_link a:visited { text-decoration: none; color: #fff; }
.item_link a:hover {text-decoration: none;color: pink; }
.item_link a:active { text-decoration: none; color: #fff; }

.dot {
	border-bottom: 2px dotted #ccc;
}

.item_left {
	float: left;
	width: 250px;
	padding-top: 13px;
	display: block;
}

.item_right {
	float: left;
	width: 450px;
	display: block;
}

.item_right p {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.dis {
	font-size: 10px;
}

.top_left {
	width: 620px;
	float: left;
}

.top_right {
	width: 200px;
	float: right;
	padding-left: 10px;
	padding-right: 7px;
	padding-top: 6px;
}

.top_right p {
	margin-bottom: 15px;
}