@charset "utf-8";


/*----------------------------------------
 reset style
----------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;	
}

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 {
   border-collapse:collapse; 
   border-spacing:0; 
}

fieldset,img {
   border:0;
}

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;
}

hr {
	display: none;
}



/*----------------------------------------
 header
----------------------------------------*/

#header {
	width:1020px;
    margin-left:auto;
	margin-right:auto;
    background-color: #FFFFFF;	
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ABABAB;
	border-left-color: #ABABAB;
}

#header-inner {
	height: 200px;
	padding:0px;
	
	
}

/*----------------------------------------
 contents
----------------------------------------*/

#wrapper {
	background-color: #EEEEEE;
	background-image: 
	background-repeat: repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}



#contents {
	width:1022px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	overflow: hidden;
}

#contents-inner {
	padding:20px;
	border: 1px solid #ABABAB;
	overflow: hidden;
}

#topimage {
	padding-bottom:20px;
}

#main {
    width:740px;
	float:left;
}

#main-inner {
	padding:20px;
	border: 1px solid #CCCCCC;
}

#sidebar {
    width:220px;
	float:right;
}

#sidebar-inner {
	
}

/*----------------------------------------
 pagetop
----------------------------------------*/
#pagetop {
    background-color: #EEEEEE;
    clear:both;
	background-image: 
	background-repeat: repeat;
}
#pagetop-inner {
    clear:both;
    width:1020px;
    margin-left:auto;
    margin-right:auto;
	padding-bottom:10px;
    text-align: right;
}

/*----------------------------------------
 footer
----------------------------------------*/
#footer {
    clear:both;
    background-color: #DDDDDD;
}

#footer-inner {
    width:1020px;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
}



/*----------------------------------------
 header style
----------------------------------------*/
#header-inner {
	position: relative;
}

#header #pagetite {
	font-size: 11px;
	color: #555555;
	font-weight: lighter;
	text-align: right;
	padding-top:3px;
	padding-bottom:3px;
	padding-right: 20px;
}

#header #sitelogo {
	position: absolute;
	left: 20px;
	top: 20px;
}

#header #siteheaderimage {
	margin: 0px;
	padding: 0px;	
}




/*----------------------------------------
 sidebar style
----------------------------------------*/
#sidebar {
	color: #333333;
	font-size: 83%;
	line-height: 1.8;
}

#sidebar div.menu,
#sidebar div.menu-ranking {
    border: solid 5px #eeeeee;
	margin-bottom: 20px;
	}
	
#sidebar div.banner {
	margin-bottom: 20px;
	}

#sidebar div.banner a:hover img.gotop {
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
	-moz-opacity:0.8;
	margin: 0px;
	padding: 0px;
	}
		
#sidebar div.banner img.banner {
	margin: 0px;
	padding: 0px;
	}		
	
#sidebar div.menu h3,
#sidebar div.menu-ranking h3 {
	color: #ffffff;
	font-size: 105%;
	
	background-color: #DDDDDD;
	background-image: url(../images/menu_head.gif);
	background-repeat:no-repeat;
	line-height: 40px;
	padding: 0 10px;
	padding-bottom: 0px;
	margin: 0;
	font-family: sans-serif;
	text-align: center;
}

#sidebar div.menu ul,
#sidebar div.menu-ranking ul {
	margin: 0;
	border: solid 1px #cccccc;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
	
#sidebar div.menu ul li.noborder,
#sidebar div.menu-ranking ul li.noborder {
	border-bottom-style: none;
}

#sidebar div.menu li,
#sidebar div.menu-ranking li {
    margin-bottom: 0;
	list-style-type: none;
	line-height: 0;
	border-bottom: solid 1px #cccccc;
	}

#sidebar div.menu li a {
    display: block;
	line-height: 1.5;
	background-color: #ffffff;
	color: #333333;
	font-size: 95%;
	text-decoration: none;
	background-image: url(../images/icon_maru_pink.gif);
	background-repeat: no-repeat;
	background-position: 0 13px;
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
#sidebar div.menu-ranking li a {
    display: block;
	line-height: 1.5;
	background-color: #ffffff;
	color: #333333;
	font-size: 95%;
	text-decoration: none;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#sidebar div.menu li a:hover,
#sidebar div.menu-ranking li a:hover {
    color: #CC3333;
    background-color: #EEEEEE;
	}
	

/*----------------------------------------
 main style
----------------------------------------*/

#main h2.usually	{
    color: #333333;
	font-size: 135%;
	font-weight: bold;
	line-height: 52px;
	letter-spacing:0.05em;
    background-image:url(../images/h2_bar.png);
    background-repeat:no-repeat;
	padding-top: 2px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	text-align: center;
}

#main h3.usually	{
    color: #333333;
	font-size: 110%;
	font-weight: bold;
	line-height: 46px;
	letter-spacing:0.05em;
    background-image:url(../images/h3_bar.png);
    background-repeat:no-repeat;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-top: 30px;
	margin-bottom: 20px;
	clear: both;
}


#main h3.subtitle	{
    color: #333333;
	font-size: 100%;
	font-weight: bold;
	letter-spacing:0.1em;
	background-image:url(../images/h3_icon.gif);
    background-repeat:no-repeat;
    background-position:0 0.1em;
	border-bottom: dotted 1.5px #AAAAAA;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}

#main h4.usually	{
    color: #333333;
	font-size: 110%;
	font-weight: bold;
	letter-spacing:0.1em;
	background-image:url(../images/h3_icon.gif);
    background-repeat:no-repeat;
    background-position:0 0.1em;
	border-bottom: dotted 1.5px #AAAAAA;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin-bottom: 30px;
	clear: both;
}

#main div.main_text	{
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#main div.area {
	font-size: 75%;
	background-color: #EEEEEE;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#main h4.area	{
    color: #333333;
	font-weight: bold;
	border-bottom: dotted 1.5px #AAAAAA;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

#main p	{
	color: #444444;
	font-size: 85%;
	line-height: 1.8;
	margin-bottom: 20px;
}

#main p.check	{
    color: #444444;
	font-size: 110%;
	font-weight: bold;
	background-image:url(../images/check.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*----------------------------------------
 詳細ボタン
----------------------------------------*/

#main div.btn	{

	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	padding-bottom: 0px;
	overflow: hidden;
}

#main p.btn	{
    width: 280px;
	overflow: hidden;
	}

#main p.btn a {
    display: block;

	background-image: url(../images/);
	background-repeat: no-repeat;
	text-indent: 0
	}

#main p.btn a:hover img	{
    visibility: hidden;
	}
	
	


/*----------------------------------------
 rankingbox
----------------------------------------*/

#main div.rankingbox1 p,
#main div.rankingbox2 p,
#main div.rankingbox3 p	{
	color: #444444;
	font-size: 80%;
	line-height: 1.7;
	margin-bottom: 10px;
}

h3.ranking1{
	margin: 0px;
	padding: 20px 0px 49px 110px;
	color:#333;
	font-size: 25px;
	font-weight: ;
	background: url(../images/ranking1.png) no-repeat left top;
	}

h3.ranking2{
	margin: 0px ;
	padding: 11px 0px 22px 60px;
	color:#333;
	font-size: 15px;
	font-weight: bold;
	background: url(../images/ranking2.png) no-repeat left top;
	}

h3.ranking3{
	margin: 0px ;
	padding: 11px 0px 22px 60px;
	color:#333;
	font-size: 15px;
	font-weight: bold;
	background: url(../images/ranking3.png) no-repeat left top;
	}

#main div.rankingbox1{
	width: 655px;
	margin: 0px 0px  20px;
	padding: 10px 18px 20px 18px ;
	border: 3px solid #F2A5C6;
	background: url(../images/boxback.png) repeat-x left bottom;
	overflow:hidden;
	}
	
#main div.rankingbox2 {
	width: 300px;
	margin: 0px 0px 30px 0px;
	padding: 10px 18px 20px 18px ;
	float:left;
	border: 3px solid #F2A5C6;
	background: url(../images/boxback.png) repeat-x left bottom;
	}

#main div.rankingbox3 {
	width: 300px;
	margin: 0px 0px 30px 0px;
	padding: 10px 18px 20px 18px ;
	float:right;
	border: 3px solid #F2A5C6;
	background: url(../images/boxback.png) repeat-x left bottom;
	}	
	
#main div.rankingbox-btn	{
    margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
}

#main p.ranking1-btn	{
　　margin: 0px;
	float: right;
}

#main p.ranking2-btn	{
	margin: 0 auto;
	overflow: hidden;
}		





/*----------------------------------------
 infobox
----------------------------------------*/

.infobox {
	width: 200px;
	float: left;
	margin: 0px 15px 30px 0px;
	padding: 10px 10px 10px 10px ;
	border: 1px solid #cccccc;
	background: #fff;
	}
	
.infobox2 {
	width: 200px;
	float: right;
	margin: 0px 0px 30px 0px;
	padding: 10px 10px 10px 10px ;
	border: 1px solid #cccccc;
	background: #fff;
	}	

#main div.infobox p,
#main div.infobox2 p	{
	color: #444444;
	font-size: 80%;
	line-height: 1.7;
	margin-bottom: 10px;
}

/*----------------------------------------
 pointbox
----------------------------------------*/

#main div.point	{
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 15px;
}

#main div.point1,
#main div.point2,
#main div.point3,
#main div.point4,
#main div.point5 {
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aaaaaa;	
}

#main div.point1{
	background-image: url(../images/point1.png);
}

#main div.point2{
	background-image: url(../images/point2.png);
}

#main div.point3{
	background-image: url(../images/point3.png);
}

#main div.point4{
	background-image: url(../images/point4.png);
}

#main div.point5{
	background-image: url(../images/point5.png);
}

#main p.pointtitle{
    color: #D81851;
    margin-bottom: 5px;
	padding: 0px;
	font-size: 120%;
	font-weight: bold;
}

/*----------------------------------------
 comment
----------------------------------------*/

div.comment	{
	width: 656px;
	padding: 0 10px;
	margin-bottom: 20px;
	position: relative;
}
div.comment .imgleft	{
	float: left;
	text-align: center;
}
div.comment .imgleft img	{
	border: 3px solid #d0d6d7;
	padding: 3px;
	margin: 0px;
}
div.comment .kuchikomi	{
	width: 490px;
	float: right;
	background: #fafafa;
	border: 1px solid #CCC;
	padding: 10px 20px 0px 20px;
}

div.comment p.img	{
	position: absolute;
	left: 114px;
	top: 25px;
}
div.comment:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }


/*----------------------------------------
 ranking-title
----------------------------------------*/

#main div.ranking-title	{
    padding-top: 10px;
	margin-bottom: 30px;
	}

#main h2.ranking-title	{
    color: #333333;
	font-size: 110%;
	font-weight: bold;
	line-height: 54px;
	letter-spacing:0.05em;
    background-image:url(../images/ranking_bar.png);
    background-repeat:no-repeat;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 86px;
	clear: both;
}
	
#main div.day	{
    font-size: 85%;
	text-align: right;
	margin-top: -37px;
	margin-bottom: 10px;
	padding-right: 20px;
	}

/*----------------------------------------
 ranking
----------------------------------------*/
	

#main div.ranking p	{
	color: #444444;
	font-size: 80%;
	line-height: 1.7;
	margin-bottom: 10px;
}

#main div.ranking {
	margin-bottom: 20px;
	margin-top: 0px;
}

#main div.ranking table	{
    width: 695px;
	border-collapse: collapse;
	}

#main div.ranking th {
	width: 200px;
	border: solid 1px #aaaaaa;
	padding: 15px;
	vertical-align:top;
	}

#main div.ranking td {
    border: solid 1px #aaaaaa;
	padding: 15px;
	}
	
#main div.ranking td.title {
	border: solid 1px #aaaaaa;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	}
	
#main div.ranking h3.ranking-1 {
	color: #333333;
	font-size: 110%;
	font-weight: bold;
	background-image:url(../images/rank01.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 90px;
	padding-top: 20px;
	padding-bottom: 20px;
}		

#main div.ranking h3.ranking-2 {
	color: #333333;
	font-size: 110%;
	font-weight: bold;
	background-image:url(../images/rank02.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 90px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main div.ranking h3.ranking-3 {
	color: #333333;
	font-size: 110%;
	font-weight: bold;
	background-image:url(../images/rank03.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 90px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main div.ranking h3 a {
	text-decoration: none;	
}

#main div.ranking div.osusume {
	margin-bottom: 20px;
	background-color: #FBF7E9;
	padding: 10px;
}
#main div.ranking div.osusume img {
	margin-bottom: 7px;
}
#main div.ranking div.check_list {
	margin: 0px;
	padding-top: 10px;
	border-top: thin solid #EB7959;
}
#main div.ranking div.check_list ul li {
    font-size: 75%;
    font-weight: bold;
	list-style: none;
	display: block;
	padding-left: 25px;
	text-decoration: none;
	height: 2em;
	line-height: 2em;
	background-image: url(../images/check.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#main div.ranking div.kansou {
	margin-top: 15px;
	background-color: #FBF7E9;
	padding: 10px;
}
#main div.ranking div.kansou img {
	margin-bottom: 7px;
}
#main div.ranking div.kansou_list {
	margin: 0px;
	padding-top: 10px;
	border-top: thin solid #CCCCCC;
}
#main div.ranking div.kansou_list ul li {
    font-size: 75%;
	list-style: none;
	display: block;
	padding-left: 25px;
	text-decoration: none;
	height: 2em;
	line-height: 2em;
	background-image: url(../images/kansou.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#main div.ranking div.kansou p {
	margin: 0px;
	padding-top: 5px;
	font-size: 75%;
	line-height: 1.5;
}

/*----------------------------------------
 list
----------------------------------------*/
#main div.list {
	margin-bottom: 30px;
	margin-top: 30px;
}

#main div.list ul li {
    color: #555555;
	font-size: 80%;
	line-height: 1.5;
    display: block;
	text-decoration: none;
	background-image: url(../images/check.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 28px;
	padding-top: 0px;
	padding-bottom: 10px;
	}

/*----------------------------------------
 letter
----------------------------------------*/	
#main div.letter	{
	padding: 20px;
	border: 1px solid #D81851;
	margin-bottom: 20px;
	}

#main div.letter_title	{
    border-left: solid 5px #D81851;
	padding-left: 15px;
	}

#main div.letter_title h4	{
    color: #D81851;
	font-size: 105%;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
	}
	
#main div.letter_title p	{
    color: #333333;
	font-size: 80%;
	font-weight: bold;
	padding: 0px;
	}	

#main div.lettertext p	{
	color: #555555;
	font-size: 80%;
	line-height: 2;
	margin-bottom: 0px;
}

#main div.letter p a	{
	font-size: 200%;
	}
	
/*----------------------------------------
 マウスオーバー透明化
----------------------------------------*/
#main a:hover img.hover {
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
	-moz-opacity:0.8;
	
	}
	
#main a:hover img.hover2 {
	opacity:0.8;
	filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
	-moz-opacity:0.8;
	margin: 0px;
	padding: 0px;
	}
	
#main img.hover2 {
	float: right;
	}
	
#sidebar a:hover img.hover {
    opacity:0.6;
    filter:alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
	-moz-opacity:0.6;
	
	}	
		

/*----------------------------------------
 box
----------------------------------------*/
#main h2.box-title	{
    color: #333333;
	font-size: 110%;
	font-weight: bold;
	letter-spacing:0.0em;
	background-image:url(../images/h3_icon1.gif);
    background-repeat:no-repeat;
    background-position:0 center;
	border-bottom:2px solid #D81851;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 40px;
	margin-bottom: 0px;
}	

#main div.box h3.title {
	color: #333333;
	font-size: 110%;
	font-weight: bold;
	background-image:url(../images/osusume.png);
	background-repeat:no-repeat;
	background-position: left top;
	border-bottom: dotted 2px #AAAAAA;
	padding-left: 117px;
	padding-top: 0px;
	padding-bottom: 10px;
}

#main div.box p	{
	color: #444444;
	font-size: 80%;
	line-height: 1.7;
	margin-bottom: 10px;
}

#main div.box {
	margin-bottom: 20px;
	margin-top: 0px;
}

#main div.box table	{
    width: 698px;
	border-collapse: collapse;
	border: 5px solid #F2A5C6;
	}

#main div.box th {
	width: 200px;
	vertical-align:top;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	}

#main div.box td {
	padding: 20px;
	vertical-align:top;
	}
	
#main div.box td.title {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
	
#main div.box div.osusume {
	margin-bottom: 20px;
	background-color: #FBF7E9;
	padding: 10px;
}
#main div.box div.osusume img {
	margin-bottom: 7px;
}
#main div.box div.check_list {
	margin: 0px;
	padding-top: 10px;
	border-top: thin solid #EB7959;
}
#main div.box div.check_list ul li {
    font-size: 90%;
    font-weight: bold;
	list-style: none;
	display: block;
	padding-left: 25px;
	text-decoration: none;
	height: 2em;
	line-height: 2em;
	background-image: url(../images/check.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*----------------------------------------
 更新コンテンツ
----------------------------------------*/	
#main div.additional {
	font-size: 75%;
	background-color: #F4F5F6;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 20px;
	border: 1px solid #cccccc;
}


#main h4.additional	{
    color: #333333;
	font-size: 110%;
	font-weight: bold;
	letter-spacing:0.1em;
	border-bottom: dotted 1.5px #AAAAAA;
	padding-top: 0px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#main div.additional dl {
	height: 120px;
	margin: 0px;
	padding: 0px ;
	overflow:auto
}

#main div.additional dt {
	color: #555555;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.7;
	margin-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#main div.additional dd {
	color: #555555;
	font-size: 80%;
	line-height: 1.7;
	margin-bottom: 5px;
	padding-left: 20px;
	border-bottom: dotted 1.5px #AAAAAA;
}

/*----------------------------------------
 pickup
----------------------------------------*/
#main div.pickup {
	margin-bottom: 15px;
	margin-top: 0px;
}
	
#main div.pickup ul li {
    color: #D81851;
	font-size: 100%;
    font-weight: bold;
	list-style: none;
	display: block;
	padding-left: 37px;
	text-decoration: none;
	height: 2.2em;
	line-height: 2.2em;
	background-image: url(../images/pickup.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aaaaaa;
	padding-top: 5px;
	padding-bottom: 5px;
}


/*----------------------------------------
 pagetop style
----------------------------------------*/

#pagetop p.pagetop {
    font-size: 83%;
}
#pagetop p.pagetop a {
	color: #555555;
	text-decoration: none;
	font-weight: bold;
}
#pagetop p.pagetop a:hover {
	color: #CC3333;
}

/*----------------------------------------
 footer style
----------------------------------------*/

#footer	{
	color: #333333;
	font-size: 83%;
	line-height: 1.8;
}

#footer li a	{
	color: #666666;
	text-decoration: none;
}

#footer li a:hover	{
    color: #333333;
	text-decoration: underline;
}

#footer li	{
    font-size: 85%;
    display: inline;
	list-style-type: none;
	border-right: 1px solid #666666;
	padding-left: 15px;
	padding-right: 15px;
}

#footer li.first {
    border-left: 1px solid #666666;
}

#footer ul	{
    margin: 0;
	padding: 0;
}

#footer address,
#footer address a {
	color: #666666;
	text-decoration: none;
	margin-top: 5px;
}
#footer p a:hover,
#footer address a:hover {
	color: #666666;
	text-decoration: none;
}

/*----------------------------------------
 リンクスタイル
----------------------------------------*/
a img {
	border-style: none;
	text-decoration: none;
}
a:link {
	color: #0044CC;
	text-decoration: underline;
}
a:visited {
	color: #0044CC;
	text-decoration: underline;
}
a:hover {
	color: #CC0000;
	text-decoration: none;	
}
a:active {
	text-decoration: none;
}

/*----------------------------------------
 文字の色
----------------------------------------*/

span.aka {
	color: #DC0303;
}
span.pink {
	color: #D81851;
}
span.orange {
	color: #FE7B00
}
span.ao {
	color: #0000cc;
}
span.midori {
	color: #008800;
}
span.emerarudo {
	color: #70BFB7;
}
span.tya {
	color: #BE3232
}
span.gray {
	color: #777777
}
span.bluegreen {
	color: #008BB1
}
span.cyan {
	color: #10B5E0
}
span.black {
	color: #333333
}

/*----------------------------------------
 文字の大きさ
----------------------------------------*/

span.big1 {
	font-size: 110%;
}
span.big2 {
	font-size: 120%;
}
span.big3 {
	font-size: 130%;
}
span.big3 {
	font-size: 130%;
}
span.big4 {
	font-size: 140%;
}
span.big5 {
	font-size: 150%;
}
span.small9 {
	font-size: 90%;
}
span.small8 {
	font-size: 80%;
}

/* 文字の装飾
------------------------------*/
span.bold {
	font-weight: bold;
}
span.line {
	background: #fefe8e;
	color: #333333
}
span.bottomline {
	border-bottom: 1px dotted #999999;
	padding-bottom: 0.3em;
}

span.uline{
	text-decoration: underline;
	color: #333333
}

/* 文字の配置
------------------------------*/

.center	{
    text-align: center;
	margin: 0px;
	}	
	
	

/*----------------------------------------
 画像の設定
----------------------------------------*/

.topimage {
	padding-bottom:20px;
}

.imgcenter	{
    display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}
	
	
.imgleft	{
    float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	}
	
.imgright	{
    float: right;
	margin-bottom: 20px;
	margin-left: 15px;
	}		
	
.imgmiddle {
    vertical-align:-0.5em;
}	

.imgline {
    border: 1px solid #ddd;
	padding: 3px;
}


/*----------------------------------------
 テキスト
----------------------------------------*/
#main h2.guide	{
    color: #333333;
	font-size: 110%;
	font-weight: bold;
	line-height: 46px;
	letter-spacing:0.05em;
    background-image:url(../images/h3_bar.png);
    background-repeat:no-repeat;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 25px;
	margin-top: 0px;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}

#main h3.guide	{
    color: #333333;
	font-size: 110%;
	font-weight: bold;
	letter-spacing:0.1em;
	background-image:url(../images/h3_icon.gif);
    background-repeat:no-repeat;
    background-position:0 0.2em;
	border-bottom: dotted 1.5px #AAAAAA;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#main div.guide p	{
	color: #555555;
	font-size: 75%;
	line-height: 1.7;
	margin-bottom: 10px;
}

#main div.guide table.guide	{
	color: #555555;
	font-size: 75%;
	line-height: 1.7;
	margin-bottom: 10px;
}

/*----------------------------------------
 テーブル
----------------------------------------*/

#main table.guide {
	border-collapse: collapse;
	}

#main table.guide th {
    width: 150px;
	font-weight: bold;
	border: solid 1px #aaaaaa;
	padding: 10px;
	text-align: left;
	}

#main table.guide td {
    border: solid 1px #aaaaaa;
	padding: 10px;
	}
	
	
/*----------------------------------------
 テキスト
----------------------------------------*/
#main h2.sitemap	{
    color: #333333;
	font-size: 110%;
	font-weight: bold;
	line-height: 46px;
	letter-spacing:0.05em;
    background-image:url(../images/h3_bar.png);
    background-repeat:no-repeat;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 25px;
	margin-top: 0px;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}

#main h3.sitemap	{
    color: #333333;
	font-size: 110%;
	font-weight: bold;
	letter-spacing:0.1em;
	background-image:url(../images/h3_icon.gif);
    background-repeat:no-repeat;
    background-position:0 0.2em;
	border-bottom: dotted 1.5px #AAAAAA;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#main div.sitemap p	{
	color: #555555;
	font-size: 75%;
	line-height: 1.7;
	margin-bottom: 10px;
}

#main div.sitemap dt {
	color: #555555;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.7;
	margin-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#main div.sitemap dd {
	color: #555555;
	font-size: 75%;
	line-height: 1.7;
	margin-bottom: 10px;
	padding-left: 20px;
}