@charset "Shift_JIS";



/*

--------------------------



Thank you very much Mr. Sora!  (http://sora.a-jp.net/)

Free Template sora

design:fts013

Last Modified 2007/06/16

Modified by Koyano 2011/05/05



�¡format

�¡wrapper

�¡header

�¡header-menu

�¡header-image

�¡main

�¡main-menu

�¡main-content

�¡footer



--------------------------

*/





/* �¡format

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



*{

font-size: 100%;

font-weight: normal;

font-style: normal;

text-decoration: none;

margin: 0;

padding: 0;

list-style-type: none;

list-style-position: outside;

}



body{

font-size: 12px;

color: #333333;

background-color: #F7F7F7;

line-height: 1.5em;

letter-spacing: 0.1em;

text-align: center;

background-image: url(../img/body_bg.jpg);

background-repeat: repeat-x;

background-position: center top;

background-attachment: fixed;

}



strong1{

font-size: 1em;

font-weight: bold;

font-style: normal;

}



strong2{

font-size: 1.5em;

font-weight: bold;

font-style: normal;

}





h1,h2,h3,h4,h5,h6,em,address{

font-size: 1em;

font-weight: normal;

font-style: normal;

}



a{

color: #0033ff;

text-decoration: none;

}



a:hover{

color: #999999;

}



p{

text-indent: 0.7em;

padding: 0 1em 5px 1em;

}



p.ma{

text-indent: 0.7em;

padding: 0 1em 5px 1em;

color: #ff6666

}



img{

border: none;

}



hr{

border: none;

clear: both;

visibility: hidden;

height: 0px;

}



/* �¡wrapper

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



div#wrapper{

margin:0 auto;

text-align:left;

width: 760px;

background-color: #FFFFFF;

}



/* �¡header

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



div#header{

width:760px;

height: 100px;

background-image:url(../img/header_bg2.jpg);

background-repeat:no-repeat;

}



div#header h1{

padding: 12px 0 0 120px;

float: left;

}



div#header h1 a{

font-weight:bold;

font-size:1.5em;

color:#FFFFFF;

text-decoration: none;

}



div#header h2{

padding: 2px 6px 0 0;

float: right;

}



div#header h2{

font-weight:normal;

font-size:1em;

color:#FFFFFF;

text-decoration: none;

}



div#header a{

color:#FFFFFF;

text-decoration: none;

}



div#header a:hover{

color:#dddddd;

}



div#header ul{

padding:60px 10px 0 0;

text-align:right;

float:right;

}



div#header li{

padding:0 8px;

display: inline;

background-image:url(../img/header_list.gif);

background-repeat:no-repeat;

background-position:right 50%;

}



/* �¡header-menu

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



div#header-menu{

width: 760px;

height:30px;

background-image:url(../img/header_menu_bg.jpg);

background-repeat:repeat-x;

}



div#header-menu ul{

padding:8px 10px 0 10px;

text-align:right;

}



div#header-menu li{

display: inline;

padding: 5px 7px 2px 9px;

background-image:url(../img/header_menu_list.gif);

background-repeat:no-repeat;

background-position:left top;

}



/* �¡header-image-‚±‚̉º‚ð�C�³

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



div#header-image{

width:760px;

height:120px;

background-image:url(../img/header_img_jaist5.jpg);

background-repeat:no-repeat;

}



div#header-image h2{

padding:10px 0 0 20px;

font-weight:bold;

font-size:1.2em;

}



/* �¡main

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



div#main{

width:760px;

}



/* �¡main-menu

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



div#main-menu{

float:left;

width:244px;

margin:20px 0 0 0;

position: absolute;

background-image:url(../img/main_menu_bg_mid.jpg);

background-repeat:repeat-y;

background-position:right top;

}



div#main-menu-inner{

width:224px;

margin:0 0 0 20px;

background-image:url(../img/main_menu_bg_top.jpg);

background-repeat:no-repeat;

background-position:center top;

}



div#main-menu-inner h2{

font-weight:bold;

font-size:1.5em;

padding:20px 10px 5px 40px;

background-image:url(../img/main_menu_h2.gif);

background-repeat:no-repeat;

background-position:20px 24px;

}



div#main-menu-inner ul{

width:224px;

padding-bottom:20px;

background-image:url(../img/main_menu_bg_bottom.jpg);

background-repeat:no-repeat;

background-position:center bottom;

}



div#main-menu-inner li{

width:220px;

}



div#main-menu-inner li a{

display:block;

margin:5px 12px 0 12px;

padding:10px 10px 10px 20px;

border:1px solid #EEEEEE;

background-image:url(../img/main_menu_list.gif);

background-repeat:no-repeat;

background-position:right bottom;

}



div#main-menu-inner li a:hover{

background-color:#F5F5F5;

background-image:none;

}



/* �¡main-contents

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



div#main-contents{

width:500px;

float:right;

}



div#main-contents h2{

font-size: 1.3em;

font-weight:bold;

margin: 40px 0 5px 10px;

padding: 0 0 7px 20px;

border-bottom:1px solid #222222;

background-image:url(../img/contents_h2_bg.gif);

background-repeat:no-repeat;

background-position:8px top;

}



div#main-contents h3{

font-size: 2em;

font-weight:bold;

margin: 40px 0 5px 10px;

padding: 0 0 7px 20px;

border-bottom:1px solid #222222;

background-image:url(../img/contents_h2_bg.gif);

background-repeat:no-repeat;

background-position:8px top;

}



div#main-contents-inner{

margin:20px 20px 0 0;

}



dl.main-contents-image-left dt{

float:left;

padding:0 10px 5px 0;

}



dl.main-contents-image-left h3{

font-size: 2em;

font-weight:normal;

margin: 0 0 5px 200px;

padding: 0 0 7px 20px;

border-bottom:1px solid #222222;

background-image:url(../img/contents_h2_bg.gif);

background-repeat:no-repeat;

background-position:8px top;

}



ul.contents-list li{

margin:0 0 0 20px;

padding: 8px 0 8px 15px;

background-image:url(../img/contents_list.gif);

background-repeat: no-repeat;

background-position: 0px 12px;

border-bottom: 1px solid #DDDDDD;

}



ol.contents-list {

  counter-reset: my-counter;

  list-style: none;

  padding: 0;

}

 

ol.contents-list li {

  margin-bottom: 10px;

  padding-left: 30px;

  position: relative;

}

ol.contents-list li:before {

  content: counter(my-counter)')';

  counter-increment: my-counter;

  float: left;

  margin-left: -28px;

}



dl.main-contents-dl{

margin:20px 0 10px 10px;

height:180px;

overflow:auto;

border:1px solid #dddddd;

}



dl.main-contents-dl dt{

padding:0 0 4px 90px;

text-indent: -86px;

}



dl.main-contents-dl dd{

padding:0 0 3px  15px;

}



ul.topic{

float:left;

}



ul.topic a:hover{

color:#aaaaaa;

}



li.topic-foot{

display:block;

width:220px;

height:70px;

margin:10px;

background-image:url(../img/contents_topic_foot.jpg);

background-repeat:no-repeat;

background-position:center top;

}



li.topic-foot a{

display:block;

color:#333333;

font-size:1.5em;

font-weight:bold;

padding:25px 10px 0 100px;

}



li.topic-hand{

display:block;

width:220px;

height:70px;

margin:10px;

background-image:url(../img/contents_topic_hand.jpg);

background-repeat:no-repeat;

background-position:center top;

}



li.topic-hand a{

display:block;

color:#333333;

font-size:1.5em;

font-weight:bold;

padding:25px 10px 0 100px;

}



li.topic-flower{

display:block;

width:220px;

height:70px;

margin:10px;

background-image:url(../img/contents_topic_flower.jpg);

background-repeat:no-repeat;

background-position:center top;

}



li.topic-flower a{

display:block;

color:#333333;

font-size:1.2em;

font-weight:bold;

padding:15px 10px 0 100px;

}



li.topic-sky{

display:block;

width:220px;

height:70px;

margin:10px;

background-image:url(../img/contents_topic_sky.jpg);

background-repeat:no-repeat;

background-position:center top;

}



li.topic-sky a{

display:block;

color:#333333;

font-size:1.5em;

font-weight:bold;

padding:25px 10px 0 100px;

}



/* �¡footer

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



div#footer{

width:760px;

text-align: right;

clear: both;

margin-top: 50px;

background-image:url(../img/header_bg.jpg);

color:#AAAAAA;

}



div#footer a{

color:#DDDDDD;

}



div#footer a:hover{

color:#AAAAAA;

}



div#footer address{

text-align: right;

padding:10px 10px 3px 10px;

}