@charset "euc-jp";
/* CSS Document */

/* Reset
=======================================*/

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

* {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6;
}

body {
	font-size: 12px;
}

ul,li {
	padding:0;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	font-weight: bold !important;
}

table {
	border-collapse:separate;
}



/* Style
=======================================*/

.clear {
	clear: both;
}



/* Layout
=======================================*/

#main_image{
	width: 700px;
	height: 815px;
	margin: 0 auto;
	text-align: center;
	background: url(/dol/topics/7th_anniversary/images/main_image2.jpg) top center no-repeat;
}

/*
.beginner{
	width: 160px;
	height: 100px;
	padding: 350px 0 0 497px;
}
*/

#btn_cont{
	width: 640px;
	text-align: center;
	margin: 0 auto;
	padding: 535px 0 0 0;
}

#btn_cont div{
	margin: -3px 0 0 0;
	}

.btn_cont1{
	width: 640px;
	height: 41px;
	text-align: center;
}

.btn_cont1 a{
	width: 640px;
	height: 41px;
	display: block;
	background: url(/dol/topics/7th_anniversary/images/btn_cont1.jpg)
}

.btn_cont1 a:hover{
	background: url(/dol/topics/7th_anniversary/images/btn_cont1.jpg) 640px 0;
}

.btn_cont2{
	width: 640px;
	height: 41px;
	text-align: center;
}

.btn_cont2 a{
	width: 640px;
	height: 41px;
	display: block;
	background: url(/dol/topics/7th_anniversary/images/btn_cont2_2.jpg)
}

.btn_cont2 a:hover{
	background: url(/dol/topics/7th_anniversary/images/btn_cont2_2.jpg) 640px 0;
}

.btn_cont3{
	width: 640px;
	height: 41px;
	text-align: center;
}

.btn_cont3 a{
	width: 640px;
	height: 41px;
	display: block;
	background: url(/dol/topics/7th_anniversary/images/btn_cont3_2.jpg)
}

.btn_cont3 a:hover{
	background: url(/dol/topics/7th_anniversary/images/btn_cont3_2.jpg) 640px 0;
}

.btn_cont4{
	width: 640px;
	height: 41px;
	text-align: center;
}

.btn_cont4 a{
	width: 640px;
	height: 41px;
	display: block;
	background: url(/dol/topics/7th_anniversary/images/btn_cont4_2.jpg)
}

.btn_cont4 a:hover{
	background: url(/dol/topics/7th_anniversary/images/btn_cont4_2.jpg) 640px 0;
}

.btn_cont5{
	width: 640px;
	height: 41px;
	text-align: center;
}

.btn_cont5 a{
	width: 640px;
	height: 41px;
	display: block;
	background: url(/dol/topics/7th_anniversary/images/btn_cont5_2.jpg)
}

.btn_cont5 a:hover{
	background: url(/dol/topics/7th_anniversary/images/btn_cont5_2.jpg) 640px 0;
}

.btn_cont6{
	width: 640px;
	height: 41px;
	text-align: center;
}

.btn_cont6 a{
	width: 640px;
	height: 41px;
	display: block;
	background: url(/dol/topics/7th_anniversary/images/btn_cont6_2.jpg)
}

.btn_cont6 a:hover{
	background: url(/dol/topics/7th_anniversary/images/btn_cont6_2.jpg) 640px 0;
}


/* cont1
=======================================*/
#main_contents{
	width: 680px;
	margin: 0 auto;
	text-align: center;
}

.h1_title{
	width: 680px;
	height: 88px;
	margin: 0 auto;
	text-align: center;
}

.contents_box{
	width: 666px;
	height: auto;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
	border-bottom: solid 2px #acacac;
	border-left: solid 2px #acacac;
	border-right: solid 2px #acacac;
	

}

.img_box01{
	width: 310px;
	float: left;
}


.text_box{
	width: 343px;
	float: right;
	line-height: 1.2;
	margin: 0 auto;
}

.lead_text{
	width: 98%;
	padding: 3px 3px 5px 3px;
	text-align: left;
	font-size: 13px;
	line-height: 1.2;
	margin: 0 auto;
}

.sab_title{
	width: 96%;
	/width: 95%;
	border-left: solid 7px #893232;
	border-bottom: dotted 1px #893232;
	padding: 0 0 0 5px;
	text-align: left;
	font-size: 13px;
	margin: 0 auto;
}
.sab_text{
	width: 96%;
	/width: 95%;
	padding: 3px;
	text-align: left;
	font-size: 12px;
	line-height: 1.2;
	margin-bottom: 5px;
	margin: 0 auto;
}

.btn_top a{
	background: url(/dol/topics/7th_anniversary/images/btn_top.gif);
	width: 48px;
	height: 16px;
	display: block;
	text-align: right;
	margin: 30px 0 0 auto;
}

.btn_top a:hover{
	background: url(/dol/topics/7th_anniversary/images/btn_top.gif) 0px -16px;
}

.btn_top strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


.btn_top2 a{
	background: url(/dol/topics/7th_anniversary/images/btn_top.gif);
	width: 48px;
	height: 16px;
	display: block;
	text-align: right;
	margin: 95px 0 0 auto;
}

.btn_top2 a:hover{
	background: url(/dol/topics/7th_anniversary/images/btn_top.gif) 0px -16px;
}

.btn_top2 strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


.btn_top1 a{
	background: url(/dol/topics/7th_anniversary/images/btn_top.gif);
	width: 48px;
	height: 16px;
	display: block;
	text-align: right;
	margin: 40px 0 0 auto;
}

.btn_top1 a:hover{
	background: url(/dol/topics/7th_anniversary/images/btn_top.gif) 0px -16px;
}

.btn_top1 strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}


/* twitter icon start
=======================================*/
.i_List7{
	width: 600px;
	text-align: left;
}

ul.twitterIcon{
	width: 660px;
	height: 100px;
	text-align: center;
}

ul.twitterIcon li{
	width: 60px;
	height: 72px;
	border-top: solid 1px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	display: block;
	float: left;
}

ul.twitterIcon li.start{
	width: 60px;
	height: 72px;
	border: solid 1px #808080;
	display: block;
	float: left;
}

ul.twitterIcon strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.i_List10{
	width: 600px;
	text-align: left;
}

/* twitter icon end
=======================================*/



/* cont2
=======================================*/
#main_contents{
	width: 680px;
	margin: 0 auto;
	text-align: center;
}

.h1_title{
	width: 680px;
	height: 88px;
	margin: 0 auto;
	text-align: center;
}


.text_box02{
	width: 650px;
	float: right;
}

.lead_text02{
	width: 98%;
	padding: 3px 3px 5px 3px;
	text-align: left;
	font-size: 13px;
	line-height: 1.2;
}

.sab_title02{
	width: 96%;
	border-left: solid 5px #893232;
	border-bottom: dotted 1px #893232;
	padding: 3px;
	text-align: left;
	font-size: 13px;
	line-height: 1.2;
}
.sab_text02{
	width: 96%;
	padding: 3px;
	text-align: left;
	font-size: 12px;
	line-height: 1.2;
	margin-bottom: 5px;
}



.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}


/* cont7
=======================================*/
#main_contents{
	width: 680px;
	margin: 0 auto;
	text-align: center;
}

.h1_title{
	width: 680px;
	height: 88px;
	margin: 0 auto;
	text-align: center;
}


.img_box01{
	width: 310px;
	float: left;
}

.text_box{
	width: 345px;
	float: right;
	line-height: 1.2;
}

.lead_text{
	width: 98%;
	padding: 3px 3px 5px 3px;
	text-align: left;
	font-size: 13px;
}

.sab_title{
	width: 96%;
	/width: 95%;
	border-left: solid 7px #893232;
	border-bottom: dotted 1px #893232;
	padding: 0 0 0 5px;
	text-align: left;
	font-size: 13px;
}
.sab_text{
	width: 96%;
	padding: 3px;
	text-align: left;
	font-size: 12px;
	line-height: 1.2;
	margin-bottom: 5px;
}



.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}