@import url("menu.css");
@import url("page.css");
/* =====================================================================
　設定　
===================================================================== */
/* common */
*        {	margin:0; padding:0;   font-family: "ＭＳ Ｐゴシック", sans-serif; font-size:100%;}
body     {  margin:0; padding:0; background:#FFFFFF; background: url(../img/base/back.jpg) repeat-x;}
p        {  margin:0; padding:0; color: #000; line-height: 130%;}
a        {  text-decoration: none;}
a:link   {  text-decoration: none;}
a:visited{  text-decoration: none;}
a:hover  {	text-decoration: none;}
li,dd    {  margin:0; padding:0;}
ul,td,dl {  margin:0; padding:0;}
h1,h2,h3,h4,h5{margin:0; padding:0;}

/* used */
.red    { color: #FF0000;}
.blue   { color: #0000FF;}
.yellow { color: #FFFF00;}
.green  { color: #999933;}
.bold   { font-weight: bold;}

.right  { float:right;}
.left   { float:left; }
.large  { font-size:110%;}
.medium { font-size: 80%;}
.small  { font-size: 60%;}

.sp10   { margin:10px 0;}
.spsq5  { padding:5px; margin:0;}

/* ------------------------------------------------------------------
　共通部分（大枠）　
---------------------------------------------------------------------*/
/* 背景ループ */
#base{ margin:0 auto; background: url(../img/base/back_roop.jpg) repeat-y; width:750px;}

/* 背景に重なる部分 */
#main{ margin:0 auto; background: url(../img/base/back_main.jpg) no-repeat; width:750px;}
/* ------------------------------------------------------------------
　共通部分（ヘッダ）　
---------------------------------------------------------------------*/
#head   { }
#head p {color:#FFFFFF; font-size:80%;}
#head h1{float:left; clear:left; padding:0 5px;}
#head ul{float:right; clear:right; width:225px; padding:7px 0 0 0;}
#head li{float:left; list-style-type:none; padding:0 30px 0 0;}

#head .left {padding:6px 0 0 15px; height:20px;}
#head .right{padding:4px 15px 0 0;}

#head #menu01 a{background: url(../img/base/menu_head01.jpg) no-repeat;height:20px;width:80px;
                text-indent: -9999pt;display: block;}
#head #menu01 a:hover{background: url(../img/base/menu_head01_.jpg) no-repeat;}

#head #menu02 a{background: url(../img/base/menu_head02.jpg) no-repeat;height:20px;width:80px;
                text-indent: -9999pt;display: block;}
#head #menu02 a:hover{background: url(../img/base/menu_head02_.jpg) no-repeat;}

/* ------------------------------------------------------------------
　共通部分（基本枠）　
---------------------------------------------------------------------*/
/* 左側【サイドメニュー】 */
#leftside {float:left; width:205px; padding:1px 0 0 10px;}
#leftside ul{}
#leftside li{list-style-type:none;}

/* 右側【記事部分】 */
#rightside   {float:left; width:530px; padding:1px 0 0 0;}
#rightside h2{padding:20px 0 0 0; margin:0;}
#rightside h3{padding:10px 0 5px 0; margin:0; clear:both;}

/* ------------------------------------------------------------------
　index用　
---------------------------------------------------------------------*/
#top{}
#top #top_img{ background: url(../img/top/img_top.jpg) no-repeat; 
               height:95px; width:230px; margin:5px 0; padding:220px 0 0 290px;}
#top #top_img .topic  {background: url(../img/top/waku_topic2.jpg) no-repeat; width:220px; height:80px; padding:0;}
#top #top_img .topic p{font-size:90%; padding:0 0 5px 0;}

#top ul{clear:left; padding:0 0 0 0;}
#top li{float:left; list-style-type:none; padding:0 0 0 0;}
#top p {padding:0 0 5px 0;}

/* ------------------------------------------------------------------
　中ページ用　
---------------------------------------------------------------------*/


/* ------------------------------------------------------------------
　フッタ　
---------------------------------------------------------------------*/
#foot{ margin:0 auto; background: url(../img/base/back_foot2.jpg) no-repeat; width:750px; height: 55px;}

#foot h3{ color:#FFFFFF; text-align:center; font-size:78%; padding:30px 0 0 0; font-weight:normal;}