@charset "UTF-8";
/*
--------------------------------
Jn:2009.7.17
--------------------------------
- Table of Contents -


--------------------------------
*/

/* ***************************************
	1. 
--------------------------------------- */



/* ***************************************
	2. RESET
**************************************** */

*      {	margin:0px;	padding:0px;}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,
form, input, select, textarea, fieldset, legend { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th,strong { 
font-weight: normal;
font-style: normal; 
}

img    {	border: none;}
ul     {	list-style: none;}
hr     {	display:none;	clear:both;}

/* ***************************************
	3. BODY
**************************************** */


html{
height:100%;
}

body {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:80%;
color:#222222;
margin:0;
padding:0;
xline-height:160%;
width:100%;
height:100%;
text-align:center;
background-color: #5E9DC6;
}

a 				{ outline:none; text-decoration:none;	}
a:link    { color:#07A; border:0; text-decoration:none;}
a:hover   { color:#D60; border:0; text-decoration:underline;}
xa:visited { color:#906; border:0; text-decoration:none;}


/* 画像ホバー用 */
a:hover img.btn_c {
opacity: 0.6;
filter: alpha(opacity=60);
}

/* ***************************************
	4. CLEAR
**************************************** */

.clear {
clear:both;
}

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

/* ***************************************
	5. LAYOUT
**************************************** */

/*  */
.style1 {
color: #FFFFFF;
font-weight: bold;
}
.style2 {color: #FFFFFF}
.style6 {font-size: x-small}
.style10 {color: #0000FF}
.style14 {color: #CCFF00}


/*  */


#container {
text-align:left;
margin:0 auto;
width:750px;
background:url(../images/container_bg.gif) repeat-y;
}

#head {
text-align:right;
background:#003399 url(../images/head.gif) 0 17px no-repeat;
padding:2px;
color:#ffffff;
height:113px;
}

#center_box {
width:400px;
margin:10px auto 0;
}

#news {
background:#ffffff;
padding-top:0px;
}

#news h2 {
font-size:12px;
padding:5px;
text-align:center;
}


#information {
background:#ffffff;
}

#information ul {
padding:10px;
margin:auto;
text-align:left;
}

#information ul li {
padding:3px;
border-bottom:1px solid #ccc;
margin-bottom:3px;
line-height:1.8;
}

#information ul li strong {
font-weight:bold;
display:block;
font-family:"ＭＳ ゴシック", "Osaka－等幅";
color:#FF3300;
}



















/* second */



#head_second {
text-align:right;
background:#003399 url(../images/top2.jpg) 0 17px no-repeat;
padding:2px;
color:#ffffff;
height:168px;
}


#bread_list {
background:#ebebeb;
padding:5px 10px;
height:16px;
}

#bread_list ul {
}

#bread_list ul li {
float:left;
}

#content {
width:500px;
float:left;
background:#ffffff;
padding:0 25px;
}

#content h2 {
font-weight:bold;
border-left:4px solid #003399;
padding:5px 5px 5px 10px;
margin:20px auto 20px 20px;
}

#content h3 {
font-weight:bold;
xborder-left:4px solid #003399;
padding:5px 5px 5px 20px;
margin:20px auto;
}

#content h4 {
font-weight:bold;
xborder-left:4px solid #003399;
padding:5px 5px 5px 20px;
margin:20px auto;
}

#content .back3 {
background:url(../images/back3.jpg) no-repeat;
background-position:bottom;
}

#content p {
margin:20px auto;
line-height:160%;
padding:0 20px;
}




















#side_menu {
width:200px;
float:right;
}

#side_menu ul {
padding:0 10px;
}

#side_menu ul li {
width:125px;
height:25px;
margin:0 auto;
padding:0;
border:none;
border:1px solid #000099;
}

#side_menu ul li a {
display:block;
width:125px;
height:25px;
text-indent:-9999px;
overflow:hidden;
padding:0;
margin:0;
}

#side_menu ul li.m_home a {
background:url(../icon/top.gif) 0 0 no-repeat;
}
#side_menu ul li.m_home a:hover {
background:url(../icon/top2.gif) 0 0 no-repeat;
}

#side_menu ul li.m_profile a {
background:url(../icon/profile.gif) 0 0 no-repeat;
}
#side_menu ul li.m_profile a:hover {
background:url(../icon/profile2.gif) 0 0 no-repeat;
}

#side_menu ul li.m_photo a {
background:url(../icon/photo.gif) 0 0 no-repeat;
}
#side_menu ul li.m_photo a:hover {
background:url(../icon/photo2.gif) 0 0 no-repeat;
}

#side_menu ul li.m_topics a {
background:url(../icon/topics.gif) 0 0 no-repeat;
}
#side_menu ul li.m_topics a:hover {
background:url(../icon/topics2.gif) 0 0 no-repeat;
}

#side_menu ul li.m_qa a {
background:url(../icon/q-a.gif) 0 0 no-repeat;
}
#side_menu ul li.m_qa a:hover {
background:url(../icon/q-a2.gif) 0 0 no-repeat;
}

#side_menu ul li.m_diary a {
background:url(../icon/diary.gif) 0 0 no-repeat;
}
#side_menu ul li.m_diary a:hover {
background:url(../icon/diary2.gif) 0 0 no-repeat;
}

#side_menu ul li.m_bbs a {
background:url(../icon/bbs.gif) 0 0 no-repeat;
}
#side_menu ul li.m_bbs a:hover {
background:url(../icon/bbs2.gif) 0 0 no-repeat;
}

#side_menu ul li.m_sponsor a {
background:url(../icon/sponsor.gif) 0 0 no-repeat;
}
#side_menu ul li.m_sponsor a:hover {
background:url(../icon/sponsor2.gif) 0 0 no-repeat;
}

#side_menu ul li.m_link a {
background:url(../icon/link.gif) 0 0 no-repeat;
}
#side_menu ul li.m_link a:hover {
background:url(../icon/link2.gif) 0 0 no-repeat;
}

#side_menu ul li.m_contact a {
background:url(../icon/contact.gif) 0 0 no-repeat;
}
#side_menu ul li.m_contact a:hover {
background:url(../icon/contact2.gif) 0 0 no-repeat;
}

#caution {
width:180px;
margin:0 auto;
text-align:justify;
}


#produced {
width:88px;
margin:10px auto;
}


#foot {
clear:both;
text-align:center;
background:#003399;
color:#ffffff;
padding:5px;
}


#whats {
line-height:160%;
}

#whats dd {
margin-bottom:14px;
}

#whats p,
#whats dl {
padding:10px;
}