@charset "Shift_JIS";

/* ========BASIC======== */
*{
font-family:Verdana, Helvetica, sans-serif;
}

body{
margin:0;
padding:0;
font-size:85%;
text-align:center;
line-height:1.4em;
letter-spacing:1px;
background-color:#DDFFC8;

}

br{
letter-spacing:normal;
}

a{
text-decoration:none;
}

a:hover{
color: #666;
text-decoration:none;
}

img{
border:none;
}

h1,h2,h3,h4,h5,h6{
margin:0;
}

/* ========TEMPLATE FRAMEWORK======== */
div#wrapper  {
width:760px;
margin:0 auto;
text-align:left;
padding:20px 10px 0 10px;
background:#fff url(image/bg.gif) 50% 50% repeat-y fixed;
}

div#header   {
width:720px;
height:120px;
margin:0 20px;
background:#fff url(image/bana-3.gif) 0% 0% no-repeat;
}

div#menu{
width:720px;
margin:0 20px;
padding-bottom:24px;
background:#fff url(image/bg_contents_head.gif) 100% 100% no-repeat;
}

div#contents {
width:720px;
clear:both;
margin:0 20px;
background:#fff url(image/bg_contents.gif) repeat-y;
border-bottom:1px solid #C3C3C3;
}

div#main{
width:500px;
float:left;
padding:0 10px;
}

div#sub{
width:170px;
float:right;
padding:0 0px;
}

div#footermenu{
width:730px;
padding:15px;
clear:both;
text-align:center;
}

div#footer{
background:#D3D3D3;
width:730px;
padding:15px;
clear:both;
}

/* 回り込み解除 */
div#menu:after,
div#contents:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* ========HEADER CUSTOMIZE======== */
div#header h1{
font-size:2em;
margin:0;
padding:10px;
}

div#header p{
margin:0;
padding:10px;
font-size:0.8em;
}

div#header a{
text-decoration:underline;
color:#FFF;
}

div#header a:hover{
color: #FFF;
text-decoration:none;
}

/* ========MENU CUSTOMIZE======== */
div#menu ul {
margin:0;
padding:0;
}

div#menu li {
list-style-type:none;
float:left;
text-align:center;
margin:0;
border: 1px solid #C3C3C3;
padding:padding: 0px 0px 2px 2px;
}

div#menu li a{
display:block;
width:118px;
background:#ddd;
line-height:25px;
border-top:1x solid #C3C3C3;
color:#333;
text-decoration: none;
}

div#menu li a:hover{
background:#C3C3C3;
text-decoration: none;
}


/* ========side MENU CUSTOMIZE======== */


#sidebar { 
	margin: 8px;
	width: 140px;
	/* width: auto; */
	min-height: 1px;
	float: left;
	display: inline; /* ie win bugfix */
}

#sidebar ul{
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	line-height: 25px;
	text-indent: 5px;
	background-color: #ddd;
	margin: 2px 0;
	letter-spacing: 0.1em;
	border: 1px solid #C3C3C3;
	text-decoration: none;
	display: list-item;
}

/*　サイドメニューのリンク色　*/
#sidebar ul li a			{ color: #666; display: block; text-decoration: none; background: #ddd; }
#sidebar ul li a:link		{ color: #666; display: block; text-decoration: none; background: #ddd; }
#sidebar ul li a:visited	{ color: #666; display: block; text-decoration: none; background: #ddd; }
#sidebar ul li a:active		{ color: #666; display: block; text-decoration: none; background: #ddd; }
#sidebar ul li a:hover		{ color: #666; display: block; text-decoration: none; background: #C3C3C3; }

/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a{
border-bottom:none;
}

div#main a:hover{
border:none;
color:#666;
}

div#main h2 {
font-size:1em;
color:#fff;
padding:2px;
font-weight:bold;
background:#666;
border-bottom:2px solid #9F1D20;
margin-bottom:2px;
}

div#main h3 {
font-size:1em;
color:#000;
padding:2px;
font-weight:bold;
background:#fff;
border-bottom:2px solid #9F1D20;
margin-bottom:2px;
}

div#main h4 {
margin-bottom:2px;
font-size:1em;
}

div#main p{
text-indent: 1em
}

hr { 
border: 2px #9F1D20 solid; 
background-color: #FFF; 
height: 2px; 
} 


.boxtop{
background:url(image/hajimete/boxtop.gif) no-repeat left top;
margin-top:0px;
height:18px;
}

.boxmiddle{
width:369px;
padding:1px 50px 1px 0px;
background:url(image/hajimete/boxmiddle.gif)repeat-y left top;
}

.boxbottom{
background:url(image/hajimete/boxbottom.gif) no-repeat left bottom;
margin-bottom:0px;
height:13px;
}

.boxtop-shiraberu{
background:url(image/hajimete/boxtop-shiraberu.gif) no-repeat left top;
margin-top:0px;
height:60px;
}

.boxtop-soudan{
background:url(image/hajimete/boxtop-soudan.gif) no-repeat left top;
margin-top:0px;
height:60px;
}

.boxmiddle-2{
width:500px;
padding:1px 10px 1px 40px;
background:url(image/hajimete/boxmiddle-2.gif)repeat-y left top;
}

.boxbottom-2{
background:url(image/hajimete/boxbottom-2.gif) no-repeat left bottom;
margin-bottom:0px;
height:11px;
}

.right{
margin:0px 20px 0px 0px;
text-align: right;
}

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

#link ul{
    margin: 0px;
    padding: 0px;
    list-style: square;
}

#link li{
    margin: 5px;
    padding: 0px;
}

div.bgimg {
position: relative;
}
div.insidefrog {

position: absolute; top: 5px; left: 135px; width: 350px;
}

div.bgimg_02 {
position: relative;
}
div.insidefrog_02 {
font-weight:bold;
position: absolute; top:70px; left: 30px; width: 350px;
}

div.insidefrog_03 {
position: absolute; top: 15px; left: 135px; width: 350px;
}

#shiraberu a span {
display:none;
}

#shiraberu a {
display:block;
width:240px;
height:120px;
background-image:url(image/hajimete/shiraberu.gif);
background-repeat:no-repeat;
}

#shiraberu a:hover {
background-image:url(image/hajimete/shiraberu2.gif);
background-repeat:no-repeat;
} 


#soudansuru a span {
display:none;
}

#soudansuru a {
display:block;
width:240px;
height:120px;
background-image:url(image/hajimete/soudansuru.gif);
background-repeat:no-repeat;
}

#soudansuru a:hover {
background-image:url(image/hajimete/soudansuru2.gif);
background-repeat:no-repeat;
} 


#otoiawase a span {
display:none;
}

#otoiawase a {
display:block;
width:160px;
height:72px;
background-image:url(image/hajimete/toiawase.gif);
background-repeat:no-repeat;
}

#otoiawase a:hover {
background-image:url(image/hajimete/toiawase2.gif);
background-repeat:no-repeat;
} 


#saitounei a span {
display:none;
}

#saitounei a {
display:block;
width:160px;
height:72px;
background-image:url(image/hajimete/riyoukiyaku.gif);
background-repeat:no-repeat;
}

#saitounei a:hover {
background-image:url(image/hajimete/riyoukiyaku2.gif);
background-repeat:no-repeat;
} 


#sitemap a span {
display:none;
}

#sitemap a {
display:block;
width:160px;
height:72px;
background-image:url(image/hajimete/saitomappu.gif);
background-repeat:no-repeat;
}

#sitemap a:hover {
background-image:url(image/hajimete/saitomappu2.gif);
background-repeat:no-repeat;
} 


#shiwake a span {
display:none;
}

#shiwake a {
display:block;
float:right;
width:220px;
height:33px;
background-image:url(image/hajimete/siwakeshiraberu.gif);
background-repeat:no-repeat;
}

#shiwake a:hover {
background-image:url(image/hajimete/siwakeshiraberu2.gif);
background-repeat:no-repeat;
} 

#kanjyoukamoku a span {
display:none;
}

#kanjyoukamoku a {
display:block;
float:right;
width:220px;
height:33px;
background-image:url(image/hajimete/kanjyoukamokusiraberu.gif);
background-repeat:no-repeat;
}

#kanjyoukamoku a:hover {
background-image:url(image/hajimete/kanjyoukamokusiraberu2.gif);
background-repeat:no-repeat;
} 

#keiriyougo a span {
display:none;
}

#keiriyougo a {
display:block;
float:right;
width:220px;
height:33px;
background-image:url(image/hajimete/keiriyougosiraberu.gif);
background-repeat:no-repeat;
}

#keiriyougo a:hover {
background-image:url(image/hajimete/keiriyougosiraberu2.gif);
background-repeat:no-repeat;
} 

#zeimu a span {
display:none;
}

#zeimu a {
display:block;
float:right;
width:300px;
height:33px;
background-image:url(image/hajimete/zeirisisoudan.gif);
background-repeat:no-repeat;
}

#zeimu a:hover {
background-image:url(image/hajimete/zeirisisoudan2.gif);
background-repeat:no-repeat;
} 

#zaimu a span {
display:none;
}

#zaimu a {
display:block;
float:right;
width:300px;
height:33px;
background-image:url(image/hajimete/zaimusoudan.gif);
background-repeat:no-repeat;
}

#zaimu a:hover {
background-image:url(image/hajimete/zaimusoudan2.gif);
background-repeat:no-repeat;
} 

/* ========SUB CONTENTS CUSTOMIZE======== */

div#sub h2 {
font-size:1em;
color:#fff;
padding:2px;
width: 135px;
font-weight:bold;
background:#666;
border-bottom:2px solid #9F1D20;
margin-bottom:2px;
}

div#sub h3 {
margin-bottom:2px;
font-size:1em;
border-bottom:1px solid #333;
}

div#sub p{
margin:0 0 1em 0;
font-size:0.8em;
}

div#sub dl,dt,dd{
margin:0;
font-size:0.9em;
}

div#sub dt{
font-weight:bold;
}

div.box  { padding: 10px; background: #fff; 
           border: 4px; font-size: 11px; color: #000 }

input.form   {
   width: 130px;
}

input.center   {
   text-align:center;
}

#beginner ul{
    list-style: none;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
}


img.beginner{
    list-style: none;
    vertical-align: -7px;
}


img.banner{
margin:0px ;
padding:1px 0px 1px 0px ;
}

input.side{
margin:0px 0px 0px 10px ;
padding:0px ;
}


/* ========FOOTER CUSTOMIZE======== */
address{
color:#333;
text-align:center;
font-size:0.8em;
}

a{
text-decoration:underline;
color:#333;
}

a:hover{
color: #666;
text-decoration:none;
}