@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: #d0ffdc;
}

br{
letter-spacing:normal;
}


img{
border:0;
}

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


/* ========TEMPLATE FRAMEWORK======== */

div#fast  {
width:800px;
margin:0 auto;
text-align:left;
padding:0px 0px 0 0px;
border:1px solid #C3C3C3;
background-color: #A9A9A9;
}


div#wrapper  {
width:800px;
margin:0 auto;
text-align:left;
padding:0px 0px 0 0px;
background-color:#FFF;
}

div#header{
width:800px;
margin:0 0px;
padding-bottom:0px;
}

div#contents {
width:800px;
clear:both;
margin:0 0px;
border-bottom:1px solid #C3C3C3;
}

div#main{
width:570px;
float:left;
margin:20px 0px 0px 20px;
padding:0px 0px 0px 0px;
border-right: 1px #C3C3C3 dotted; 
}

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

div#footermenu{
width:800px;
clear:both;
padding: 10px 0px 10px 0px;
margin:0px 0px 0px 0px;
border-bottom:1px solid #C3C3C3;
background-color: #0086D1;
color:#FFF;
font-weight:bold;
}

div#footer{
width:800px;
padding:0px;
clear:both;
text-align:center;
}

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

/* ========HEADER CUSTOMIZE======== */
div#header h1{
font-size:14px;
margin:0;
padding:5px;
text-align:left;
font-weight: normal;
}

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


#header01 a span {
display:none;
}


/* ========MENU CUSTOMIZE======== */
ul#menu{
    list-style:none;
    width:100%;
   	margin:0 0 0 0px;
	padding:0 0 0 0px;
}
ul#menu li{
    list-style:none;
    float:left;
    width:160px;
}
ul#menu a{
    display:block;
    width:160px;
    height:40px;
    text-indent:-200px;
    background-image:url(image/topmenu.gif);
    overflow:hidden;
}

a.menu01{
    background-position:0px 0px;
}
a:hover.menu01{
    background-position:0px -40px;
}
a.menu02{
    background-position:-160px 0px;
}
a:hover.menu02{
    background-position:-160px -40px;
}
a.menu03{
    background-position:-320px 0px;
}
a:hover.menu03{
    background-position:-320px -40px;
}
a.menu04{
    background-position:-480px 0px;
}
a:hover.menu04{
    background-position:-480px -40px;
}
a.menu05{
    background-position:-640px 0px;
}
a:hover.menu05{
    background-position:-640px -40px;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */

div#main p{
margin:0 0 1em 0;
}


div#main a{
color:#696969;
}

div#main a:hover{
color:#A8A8A8;
text-decoration: none;
}


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

div#main hr{
border-style: dotted none none none;
border-top-width: 2px;
border-top-color: #696969;
height: 2px;
}

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

.table{
border-collapse:collapse;
border:1px solid #A8A8A8;
padding:5px;
}

.table td{
border-collapse:collapse;
border:1px solid #A8A8A8;
padding:0px 0px 0px 5px;
}

a.bordernone{
    text-decoration: none;
}

.asset-header{
    font-size:16px;
    color:#696969;
    font-weight:bold;
    padding: 10px 0px 15px 0px;
    margin: 0px 0px 10px 5px;
    background:url(image/border.gif) no-repeat left bottom;
}

.asset-body{
    font-size:15px;
    padding: 10px 0px 20px 10px;
    margin: 0px;
    background:#FFF;
}

.asset-name{
    font-size:20px;
    color:#696969;
    font-weight:bold;
}

.archive-title
{
    font-size:16px;
    color:#696969;
    font-weight:bold;
    padding: 10px 0px 15px 0px;
    margin: 0px 0px 10px 5px;
    background:url(image/border.gif) no-repeat left bottom;

}

.archive-header{
    font-size:15px;
    color:#696969;
    font-weight:bold;
    padding: 10px 0px 15px 10px;
    margin: 0px 10px 10px 10px;
    border-bottom:1px solid #696969;
}

.archive-content{
    font-size:15px;
    padding: 10px 0px 20px 10px;
    margin: 0px 10px 0px 0px;
    background:#FFF;
}

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

#list li{
    margin: -10px 0px 10px -15px;
    padding: 10px 0px 5px 40px;
    background: url(image/list.gif) no-repeat 10px 0.7em;
    list-style: none;
}

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

#list_01 li{
    margin: -10px 0px 10px -15px;
    padding: 10px 0px 5px 40px;
    background: url(image/list_01.gif) no-repeat 10px 0.7em;
    list-style: none;
}

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

#list_02 li{
    margin: 0px 0px 0px 45px;
    padding: 0px 0px 0px 0px;
}
#conference ul{
    list-style: none;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
}

#conference li{
    margin: 10px 0px 15px -10px;
    padding: 0px 0px 0px 0px;
}

.search-results-header{
    font-size:17px;
    color:#696969;
    font-weight:bold;
    padding: 10px 0px 15px 10px;
    margin: 0px 10px 10px 10px;
    border-bottom:5px dotted #696969;
}

.hidden{
    visibility:hidden
}

.content-nav{
    visibility:hidden
}

#arrow ul{
    list-style: none;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
	float: right;
}

#arrow li{
    text-align:right;
    margin: 0 0 0 400px;
    padding: 1px 0px 10px 35px;
    background: url(image/arrow.gif) no-repeat 4px 3px;
    list-style: none;
}

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

#arrow_01 li{
    text-align:right;
    margin: 0 0 0 300px;
    padding: 0px 0px 5px 20px;
    background: url(image/arrow_01.gif) no-repeat -2px 3px;
    list-style: none;
}

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

#arrow_02 li{
    text-align:right;
    margin: 0 0 0 300px;
    padding: 0px 0px 5px 20px;
    background: url(image/arrow_02.gif) no-repeat -2px 3px;
    list-style: none;
}

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

#arrow_03 li{
    text-align:right;
    margin: 0 0 0 300px;
    padding: 0px 0px 5px 20px;
    background: url(image/arrow_03.gif) no-repeat -2px 3px;
    list-style: none;
}


#mail a span {
display:none;
}

#mail a {
display:block;
margin: 25px 0px 0px 25px;
width:250px;
height:80px;
background-image:url(image/mail_02.gif);
background-repeat:no-repeat;
float: left;
}

#mail a:hover {
background-image:url(image/mail_02_02.gif);
background-repeat:no-repeat;
} 

#center { text-align:center; }
#left { text-align:left; }
#top { vertical-align: top; }
#middle { vertical-align: middle; }
#center_top { text-align:center;
	vertical-align: top;
}
#center_middle { text-align:center;
	vertical-align: middle;
}


#button01 a span {
display:none;
}

#button01 a {
display:block;
width:260px;
height:70px;
background-image:url(image/button_01.gif);
background-repeat:no-repeat;
}

#button01 a:hover {
background-image:url(image/button_01_02.gif);
background-repeat:no-repeat;
} 

#button02 a span {
display:none;
}

#button02 a {
display:block;
width:260px;
height:70px;
background-image:url(image/button_02.gif);
background-repeat:no-repeat;
}

#button02 a:hover {
background-image:url(image/button_02_02.gif);
background-repeat:no-repeat;
} 

#button03 a span {
display:none;
}

#button03 a {
display:block;
width:260px;
height:70px;
background-image:url(image/button_03.gif);
background-repeat:no-repeat;
}

#button03 a:hover {
background-image:url(image/button_03_02.gif);
background-repeat:no-repeat;
} 


#button04 a span {
display:none;
}

#button04 a {
display:block;
width:260px;
height:70px;
background-image:url(image/button_04.gif);
background-repeat:no-repeat;
}

#button04 a:hover {
background-image:url(image/button_04_02.gif);
background-repeat:no-repeat;
} 


#button05 a span {
display:none;
}

#button05 a {
display:block;
width:160px;
height:70px;
background-image:url(image/button_05.gif);
background-repeat:no-repeat;
}

#button05 a:hover {
background-image:url(image/button_05_02.gif);
background-repeat:no-repeat;
} 


#button06 a span {
display:none;
}

#button06 a {
display:block;
width:160px;
height:70px;
background-image:url(image/button_06.gif);
background-repeat:no-repeat;
}

#button06 a:hover {
background-image:url(image/button_06_02.gif);
background-repeat:no-repeat;
} 


#button07 a span {
display:none;
}

#button07 a {
display:block;
width:160px;
height:70px;
background-image:url(image/button_07.gif);
background-repeat:no-repeat;
}

#button07 a:hover {
background-image:url(image/button_07_02.gif);
background-repeat:no-repeat;
} 

#button08 a span {
display:none;
}

#button08 a {
display:block;
width:260px;
height:70px;
background-image:url(image/button_08.gif);
background-repeat:no-repeat;
}

#button08 a:hover {
background-image:url(image/button_08_02.gif);
background-repeat:no-repeat;
} 

#button09 a span {
display:none;
}

#button09 a {
display:block;
width:260px;
height:70px;
background-image:url(image/button_09.gif);
background-repeat:no-repeat;
}

#button09 a:hover {
background-image:url(image/button_09_02.gif);
background-repeat:no-repeat;
} 

/* ========SUB MENU CUSTOMIZE======== */


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

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

#sidebar dl dt {
	line-height: 25px;
	text-indent: 10px;
	margin: 2px 0;
	letter-spacing: 0.1em;
	text-decoration: none;
	border:1px solid #A8A8A8;
	display: list-item;
}

/*　サイドメニューのリンク色　*/
#sidebar dl dt a			{ color: #808080; display: block; text-decoration: none; background: #FFF; }
#sidebar dl dt a:link		{ color: #808080; display: block; text-decoration: none; background: #FFF; }
#sidebar dl dt a:visited	{ color: #808080; display: block; text-decoration: none; background: #FFF; }
#sidebar dl dt a:active		{ color: #808080; display: block; text-decoration: none; background: #FFF; }
#sidebar dl dt a:hover		{ color: #808080; display: block; text-decoration: none; background: #A8A8A8; }


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


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

h3.widget-header{
    padding: 0px;
    margin: 10px 0px 10px 0px;
    color: #696969; 
    border-bottom:1px solid #696969;
}

.widget-content{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    color: #696969; 
}

img.sadebanner{
    padding: 0px;
    margin: 5px 0px 5px -5px;
    text-align:center;
}

div#sub a{
color:#696969;
}

div#sub a:hover{
color:#A8A8A8;
text-decoration: none;
}


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

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

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

#msdekiru a span {
display:none;
}


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

div.bgimg_side {
margin:0px 0px 0px -4px;
position: relative;
}
div.insidefrog_side {
position: absolute; top: 33px; left: 7px; width: 175px;
}


/* ========FOOTER CUSTOMIZE======== */

address{
text-align:center;
}

div#footermenu a{
color:#FFF;
}

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