/*--------------------------------------------------------------------
writer : tharita.Shigeo Takagi
since : 2010/05/
--------------------------------------------------------------------*/
* {
font-family:'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,arial,sans-serif;
margin: 0;
padding: 0;
}
html, body {
font-family:'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,arial,sans-serif;
margin: 0;
padding: 0;
font-size: 100%;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
font-family:'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,arial,sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}
table, caption, th, td {
font-family:'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,arial,sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family:'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,arial,sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}
ul,li{
list-style-type:none;
}
a{
color:#6b2530;
outline: none;
text-decoration:underline;}
a:hover{
color:#a8394a;
text-decoration:none;
}
a:active,a:visited{
outline: none;
}
/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/
/*bodyのスタイル*/
body {
font-size:small;
text-align:justify;
text-justify: inter-ideograph;
background:#fff;
}
/*containerのスタイル*/
div#container {
width:960px;
padding:0 4px;
margin:auto;
color:#333;
background:url(images/body_bg.gif) repeat-y center top;
}
/*---------------
headerのスタイル
----------------*/
div#header{
width:912px;
padding:8px 0 15px 48px;
background:url(images/header_bg01.jpg) no-repeat left bottom;
overflow:hidden;
}
div#header h1{
float:left;
width:255px;
height:57px;
background:url(images/header_logo.jpg) no-repeat 2px 1px;
}
div#header h1 a{
display:block;
height:100%;
text-indent:-9999px;
}
div#header ul{
float:right;
width:441px;
padding:10px 0 0 0;
overflow:hidden;
font-size:12px;
}
div#header ul li{
float:left;
padding: 0 15px 0 21px;
white-space:nowrap;
line-height:1.2em;
background:url(images/list01.gif) no-repeat left center;
}
div#header ul li a{
color:#333;
text-decoration:none;
}
div#header ul li a:hover{
color:#0e6eb8;
text-decoration:none;
}
/*---------------
mainのスタイル
----------------*/
div#main {
width:960px;
padding:26px 0 20px 0;
background:url(images/main_bg01.gif) repeat-x left top;
}
div#main div#mainimage{
width:960px;
}
div#main div#mainimage img{
display:block;
}
div#main ul#global{
width:930px;
height:37px;
padding:0 0 0 30px;
margin:0 0 23px 0;
background:url(images/global_bg01.gif) no-repeat left top;
overflow:hidden;
}
div#main ul#global li{
float:left;
height:30px;
}
div#main ul#global li.li01{
width:128px;
background:url(images/global01.gif) no-repeat left top;
}
div#main ul#global li.li02{
width:129px;
background:url(images/global02.gif) no-repeat left top;
}
div#main ul#global li.li03{
width:128px;
background:url(images/global03.gif) no-repeat left top;
}
div#main ul#global li.li04{
width:128px;
background:url(images/global04.gif) no-repeat left top;
}
div#main ul#global li.li05{
width:128px;
background:url(images/global05.gif) no-repeat left top;
}
div#main ul#global li.li06{
width:129px;
background:url(images/global06.gif) no-repeat left top;
}
div#main ul#global li.li07{
width:128px;
padding:0 1px 0 0;
background:url(images/global07.gif) no-repeat left top;
}
div#main ul#global li a{
display:block;
height:100%;
text-indent:-9999px;
}
div#main ul#global li.li01 a:hover{
background:url(images/global01r.gif) no-repeat left top;
}
div#main ul#global li.li02 a:hover{
background:url(images/global02r.gif) no-repeat left top;
}
div#main ul#global li.li03 a:hover{
background:url(images/global03r.gif) no-repeat left top;
}
div#main ul#global li.li04 a:hover{
background:url(images/global04r.gif) no-repeat left top;
}
div#main ul#global li.li05 a:hover{
background:url(images/global05r.gif) no-repeat left top;
}
div#main ul#global li.li06 a:hover{
background:url(images/global06r.gif) no-repeat left top;
}
div#main ul#global li.li07 a:hover{
background:url(images/global07r.gif) no-repeat left top;
}
/*---------------
footerのスタイル
---------------*/
div#footer {
clear:both;
width:960px;
font-size:12px;
line-height:1.2em;
}
div#footer a{
color:#333;
text-decoration:none;
}
div#footer a:hover{
color:#0e6eb8;
text-decoration:none;
}
div#footer div#footer01{
width:841px;
padding:14px 19px 14px 38px;
margin:0 0 30px 30px;
border:#999 1px solid;
overflow:hidden;
}
div#footer div#footer01 ul#footer01-menu01{
float:left;
width:170px;
font-size:12px;
line-height:1.2em;
}
div#footer div#footer01 ul#footer01-menu01 li{
width:143px;
padding:3px 0 2px 17px;
background:url(images/list02.gif) no-repeat 0 0.5em;
}
div#footer div#footer01 ul#footer01-menu02{
float:left;
width:169px;
font-size:12px;
line-height:1.2em;
border-right:#ccc 1px solid;
}
div#footer div#footer01 ul#footer01-menu02 li{
width:147px;
padding:3px 0 2px 17px;
background:url(images/list02.gif) no-repeat 0 0.5em;
}
div#footer div#footer01 div#footer01-link{
float:left;
width:242px;
padding:3px 0 0 19px;
}
div#footer div#footer01 div#footer01-link h3{
float:left;
padding:2px 17px;
margin:0 0 15px 0;
background:#0e6eb8;
color:#fff;
}
div#footer div#footer01 div#footer01-link ul{
clear:both;
width:232px;
}
div#footer div#footer01 div#footer01-link ul.ul01{
margin:0 0 16px 0;
}
div#footer div#footer01 div#footer01-link ul li{
width:215px;
padding:3px 0 2px 17px;
background:url(images/list02.gif) no-repeat 0 0.5em;
}
div#footer div#footer01 div#footer01-info{
float:right;
width:220px;
padding:5px 0 0 0;
}
div#footer div#footer01 div#footer01-info div{
width:199px;
padding:21px 0 11px 19px;
border:#ccc 1px solid;
}
div#footer div#footer01 div#footer01-info div img{
display:block;
margin:0 0 11px 0;
}
div#footer div#footer01 div#footer01-info div p{
width:167px;
height:67px;
margin:0 0 0 32px;
background:url(images/footer_info_text.gif) no-repeat left top;
text-indent:-9999px;
}
div#footer address{
width:960px;
height:54px;
background:url(images/footer_copy_bg.jpg) no-repeat left top;
text-indent:-9999px;
}
/*--------------------------------------------------------------------
(index.html)トップページ
--------------------------------------------------------------------*/
div#index{
width:900px;
padding:0 30px 0 30px;
overflow:hidden;
}
div#index div#index-left{
float:left;
width:638px;
padding:30px 0 12px 0;
border:#999 1px solid;
}
div#index div#index-left div#index-left01{
width:638px;
}
div#index div#index-left div#index-left01 h2{
width:602px;
height:18px;
margin:0 0 19px 36px;
background:url(./images/top/left01_h01.gif) no-repeat left top;
font-size:12px;
text-indent:-9999px;
}
div#index div#index-left div#index-left01 ul{
clear:both;
width:580px;
height:278px;
margin:0 0 19px 19px;
padding:5px 0 0 18px;
border:#aaadb4 1px solid;
border-color:#aaadb4 #dcdfe6 #e2e9ef #e7e7ee;
font-size:13px;
line-height:1.3em;
overflow:auto;
color:#333;
}
div#index div#index-left div#index-left01 ul li{
padding:5px 0;
overflow:hidden;
}
div#index div#index-left div#index-left01 ul li b{
float:left;
display:block;
width:85px;
font-weight:normal;
}
div#index div#index-left div#index-left01 ul li span{
float:left;
display:block;
width:455px;
}
* html div#index div#index-left div#index-left01 ul li span{
width:auto;
}
div#index div#index-left div#index-left01 ul li span a{
color:#333;
text-decoration:none;
}
div#index div#index-left div#index-left01 ul li span a:hover{
color:#0e6eb8;
text-decoration:underline;
}
div#index div#index-left div#index-left01 p{
width:102px;
height:22px;
margin:0 0 26px 502px;
font-size:12px;
background:url(./images/top/left01_button01.gif) no-repeat left top;
}
div#index div#index-left div#index-left01 p a{
display:block;
height:100%;
text-indent:-9999px;
}
div#index div#index-left div#index-left01 p a:hover{
}
div#index div#index-left ul#index-left02{
width:615px;
margin:0 0 0 17px;
overflow:hidden;
}
div#index div#index-left ul#index-left02 li{
float:left;
width:294px;
height:152px;
}
div#index div#index-left ul#index-left02 li.li01{
margin:0 16px 0 0;
background:url(./images/top/left02_bg01.jpg) no-repeat left top;
}
div#index div#index-left ul#index-left02 li.li02{
background:url(./images/top/left02_bg02.jpg) no-repeat left top;
}
div#index div#index-left ul#index-left02 li a{
display:block;
height:100%;
text-indent:-9999px;
}
div#index div#index-left ul#index-left02 li.li01 a:hover{
background:url(./images/top/left02_bg01r.jpg) no-repeat left top;
}
div#index div#index-left ul#index-left02 li.li02 a:hover{
background:url(./images/top/left02_bg02r.jpg) no-repeat left top;
}
div#index ul#index-right{
float:right;
width:219px;
padding:19px 0 4px 19px;
border:#999 1px solid;
}
div#index ul#index-right li{
width:200px;
height:65px;
margin:0 0 15px 0;
}
div#index ul#index-right li.li01{
background:url(./images/top/right_bg01.jpg) no-repeat left top;
}
div#index ul#index-right li.li02{
background:url(./images/top/right_bg02.jpg) no-repeat left top;
}
div#index ul#index-right li.li03{
background:url(./images/top/right_bg03.jpg) no-repeat left top;
}
div#index ul#index-right li.li04{
background:url(./images/top/right_bg04.jpg) no-repeat left top;
}
div#index ul#index-right li.li05{
background:url(./images/top/right_bg05.jpg) no-repeat left top;
}
div#index ul#index-right li.li06{
background:url(./images/top/right_bg06.jpg) no-repeat left top;
}
div#index ul#index-right li.li07{
background:url(./images/top/right_bg07.jpg) no-repeat left top;
}
div#index ul#index-right li a{
display:block;
height:100%;
text-indent:-9999px;
}
div#index ul#index-right li.li01 a:hover{
background:url(./images/top/right_bg01r.jpg) no-repeat left top;
}
div#index ul#index-right li.li02 a:hover{
background:url(./images/top/right_bg02r.jpg) no-repeat left top;
}
div#index ul#index-right li.li03 a:hover{
background:url(./images/top/right_bg03r.jpg) no-repeat left top;
}
div#index ul#index-right li.li04 a:hover{
background:url(./images/top/right_bg04r.jpg) no-repeat left top;
}
div#index ul#index-right li.li05 a:hover{
background:url(./images/top/right_bg05r.jpg) no-repeat left top;
}
div#index ul#index-right li.li06 a:hover{
background:url(./images/top/right_bg06r.jpg) no-repeat left top;
}
div#index ul#index-right li.li07 a:hover{
background:url(./images/top/right_bg07r.jpg) no-repeat left top;
}
/*--------------------------------------------------------------------
(agricultural-experience.html)農業実習ページ
--------------------------------------------------------------------*/
div#agricultural{
width:864px;
padding:26px 66px 10px 30px;
overflow:hidden;
}
div#agricultural div#agricultural-left{
float:left;
width:610px;
}
div#agricultural div#agricultural-left h2{
width:610px;
height:34px;
margin:0 0 35px 0;
background:url(./images/agricultural/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#agricultural div#agricultural-left ul{
width:569px;
margin:0 0 0 41px;
line-height:1.4em;
}
div#agricultural div#agricultural-left ul li{
width:465px;
min-height:19px;
padding:0 0 47px 100px;
background:url(./images/agricultural/left_list01.gif) no-repeat 0 1px;
}
* html div#agricultural div#agricultural-left ul li{
height:19px;
}
div#agricultural div#agricultural-left p{
width:558px;
padding:18px 25px;
border:#0e6eb8 1px solid;
background:#acd7ff;
line-height:1.4em;
}
div#agricultural div#agricultural-right{
float:right;
width:208px;
padding:35px 0 0 0;
}
div#agricultural div#agricultural-right p{
width:208px;
}
div#agricultural div#agricultural-right p img{
display:block;
}
div#agricultural div#agricultural-right p span{
display:block;
width:208px;
height:36px;
text-indent:-9999px;
}
div#agricultural div#agricultural-right p.p01 span{
background:url(./images/agricultural/right_text01.gif) no-repeat 1px 0;
}
div#agricultural div#agricultural-right p.p02 span{
background:url(./images/agricultural/right_text02.gif) no-repeat 1px 0;
}
/*--------------------------------------------------------------------
(introduction.html)学校紹介ページ
--------------------------------------------------------------------*/
div#introduction{
width:900px;
padding:57px 30px 50px 30px;
overflow:hidden;
}
div#introduction img{
float:left;
display:block;
margin:0px 0px 50px 0px;
}
div#introduction div{
float:right;
width:654px;
background:url(./images/introduction/bg01.gif) repeat-y left top;
}
div#introduction div h2{
width:654px;
height:82px;
background:url(./images/introduction/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#introduction div p{
width:594px;
padding:25px 30px;
background:url(./images/introduction/bg02.gif) no-repeat left bottom;
line-height:1.4em;
}
/*--------------------------------------------------------------------
(course.html)学科・コースページ
--------------------------------------------------------------------*/
div#course{
width:896px;
padding:26px 32px 38px 32px;
overflow:hidden;
}
div#course ul{
width:896px;
line-height:1.4em;
}
div#course ul li{
width:896px;
margin:0 0 30px 0;
}
div#course ul li.li01{
margin:0 0 37px 0;
}
div#course ul li h3{
width:203px;
height:34px;
margin:0 0 18px 0;
text-indent:-9999px;
}
div#course ul li.li01 h3{
margin-bottom:32px;
background:url(./images/course/h01.gif) no-repeat left top;
}
div#course ul li.li02 h3{
background:url(./images/course/h02.gif) no-repeat left top;
}
div#course ul li.li03 h3{
background:url(./images/course/h03.gif) no-repeat left top;
}
div#course ul li.li04 h3{
background:url(./images/course/h04.gif) no-repeat left top;
}
div#course ul li p{
margin:0 0 0 30px;
}
div#course ul li.li01 img{
display:block;
margin:0 auto;
}
/*--------------------------------------------------------------------
(ost.html)体験学習ページ
--------------------------------------------------------------------*/
div#ost{
width:930px;
padding:26px 0 25px 30px;
overflow:hidden;
}
div#ost div#ost01{
width:930px;
margin:0 0 47px 0;
}
div#ost div#ost01 h2{
width:610px;
height:34px;
margin:0 0 33px 0;
background:url(./images/ost/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#ost div#ost01 p{
margin:0 40px 40px 60px;
line-height:1.4em;
}
div#ost div#ost01 div{
width:745px;
padding:16px 0 16px 33px;
margin:0 0 0 60px;
border:#0e6eb8 1px solid;;
background:#acd7ff;
}
div#ost div#ost01 div h3{
height:18px;
margin:0 0 13px 0;
background:url(./images/ost/h02.gif) no-repeat left top;
text-indent:-9999px;
}
div#ost div#ost01 div div{
width:745px;
margin:0;
padding:0;
border:none;
overflow:hidden;
}
div#ost div#ost01 div div ul{
float:left;
width:338px;
padding:0 10px 0 20px;
font-size:12px;
line-height:1.3em;
}
div#ost div#ost01 div div ul li{
padding:0 0 2px 0;
list-style-type:disc;
}
div#ost ul#ost02{
width:930px;
}
div#ost ul#ost02 li{
float:left;
width:173px;
height:99px;
padding:0 0 8px 0;
margin:0 9px 0 0;
}
div#ost ul#ost02 li.li01{
background:url(./images/ost/link01.jpg) no-repeat left top;
}
div#ost ul#ost02 li.li02{
background:url(./images/ost/link02.jpg) no-repeat left top;
}
div#ost ul#ost02 li.li03{
background:url(./images/ost/link03.jpg) no-repeat left top;
}
div#ost ul#ost02 li.li04{
background:url(./images/ost/link04.jpg) no-repeat left top;
}
div#ost ul#ost02 li.li05{
background:url(./images/ost/link05.jpg) no-repeat left top;
}
div#ost ul#ost02 li a{
display:block;
height:100%;
text-indent:-9999px;
}
div#ost ul#ost02 li.li01 a:hover{
background:url(./images/ost/link01r.jpg) no-repeat left top;
}
div#ost ul#ost02 li.li02 a:hover{
background:url(./images/ost/link02r.jpg) no-repeat left top;
}
div#ost ul#ost02 li.li03 a:hover{
background:url(./images/ost/link03r.jpg) no-repeat left top;
}
div#ost ul#ost02 li.li04 a:hover{
background:url(./images/ost/link04r.jpg) no-repeat left top;
}
div#ost ul#ost02 li.li05 a:hover{
background:url(./images/ost/link05r.jpg) no-repeat left top;
}
/*--------------------------------------------------------------------
(exam.html)入試情報ページ
--------------------------------------------------------------------*/
div#exam{
width:900px;
padding:0 30px 65px 30px;
overflow:hidden;
line-height:1.3em;
}
div#exam h2.h01{
width:900px;
height:80px;
margin:0 0 30px 0;
background:url(./images/exam/h2_01.jpg) no-repeat left top;
text-indent:-9999px;
}
div#exam h2.h02{
width:900px;
height:46px;
background:url(./images/exam/h2_02.jpg) no-repeat left top;
font-size:12px;
text-indent:-9999px;
}
div#exam h2.h03{
width:900px;
height:43px;
background:url(./images/exam/h2_03.jpg) no-repeat left top;
font-size:12px;
text-indent:-9999px;
}
div#exam img.image01{
display:block;
margin:0 0 30px 0;
}
div#exam img.image02{
display:block;
margin:0 0 30px 0;
}
div#exam img.image03{
display:block;
margin:0 0 65px 0;
}
div#exam dl{
margin-left:30px;
}
div#exam dl dd{
padding:0 0 0 10px;
margin-left:15px;
background:url(./images/exam/list01.gif) no-repeat 0 0.5em;
}
div#exam div#exam01{
width:900px;
overflow:hidden;
}
div#exam div#exam01 div#exam01-left{
float:left;
width:430px;
}
div#exam div#exam01 div#exam01-left h3{
width:350px;
height:34px;
margin:0 0 19px 0;
background:url(./images/exam/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#exam div#exam01 div#exam01-right{
float:right;
width:450px;
}
div#exam div#exam01 div#exam01-right h3{
width:350px;
height:34px;
margin:0 0 19px 0;
background:url(./images/exam/h05.gif) no-repeat left top;
text-indent:-9999px;
}
div#exam div#exam01 div#exam01-right dl{
margin-bottom:31px;
}
div#exam div#exam01 div#exam01-right p{
width:93px;
height:30px;
margin:0 0 0 255px;
background:url(./images/exam/exam01_button01.gif) no-repeat left top;
}
div#exam div#exam01 div#exam01-right p a{
display:block;
height:100%;
text-indent:-9999px;
}
/*--------------------------------------------------------------------
(guidance-counseling.html)進路と学習ページ
--------------------------------------------------------------------*/
div#guidance{
width:900px;
padding:26px 30px 25px 30px;
overflow:hidden;
line-height:1.4em;
}
div#guidance img{
margin:0px 0px 50px 0px;
}
div#guidance div#guidance01{
width:900px;
padding:0 0 38px 0;
}
div#guidance div#guidance01 h3{
height:34px;
margin:0 0 21px 0;
background:url(./images/guidance/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#guidance div#guidance01 table{
margin:0 0 0 30px;
}
div#guidance div#guidance01 table tr th{
padding:0 0.7em 0 0;
vertical-align:top;
white-space:nowrap;
text-align:right;
}
div#guidance div#guidance01 table tr td{
}
div#guidance div#guidance02{
padding:0 0 45px 0;
}
div#guidance div#guidance02 h3{
height:34px;
margin:0 0 25px 0;
background:url(./images/guidance/h02.gif) no-repeat left top;
text-indent:-9999px;
}
div#guidance div#guidance02 p{
margin:0 30px 0 30px;
}
div#guidance div#guidance03{
padding:0 0 45px 0;
}
div#guidance div#guidance03 h3{
height:34px;
margin:0 0 25px 0;
background:url(./images/guidance/h03.gif) no-repeat left top;
text-indent:-9999px;
}
div#guidance div#guidance03 p{
margin:0 30px 0 30px;
}
div#guidance div#guidance04{
}
div#guidance div#guidance04 h3{
height:34px;
margin:0 0 30px 0;
background:url(./images/guidance/h04.gif) no-repeat left top;
text-indent:-9999px;
}
div#guidance div#guidance04 h4{
width:100px;
height:20px;
margin:0 0 7px 30px;
font-size:12px;
text-indent:-9999px;
}
div#guidance div#guidance04 h4.guidance04-01{
background:url(./images/guidance/h04_01.gif) no-repeat left top;
}
div#guidance div#guidance04 h4.guidance04-02{
background:url(./images/guidance/h04_02.gif) no-repeat left top;
}
div#guidance div#guidance04 h4.guidance04-03{
background:url(./images/guidance/h04_03.gif) no-repeat left top;
}
div#guidance div#guidance04 p{
margin:0 30px 26px 30px;
}
/*--------------------------------------------------------------------
(club.html)クラブ活動ページ
--------------------------------------------------------------------*/
div#club{
width:900px;
padding:26px 30px 55px 30px;
overflow:hidden;
line-height:1.4em;
}
div#club div#club01{
width:900px;
padding:0 0 50px 0;
}
div#club div#club01 h2{
height:34px;
margin:0 0 1px 0;
background:url(./images/club/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#club div#club01 ul{
width:900px;
}
div#club div#club01 ul li{
width:900px;
margin:0 0 2px 0;
overflow:hidden;
}
div#club div#club01 ul li div span{
display:block;
text-align:right;
}
div#club div#club01 ul li div span a{
color:#0e6eb8;
text-decoration:underline;
}
div#club div#club01 ul li div span a:hover{
text-decoration:none;
}
div#club div#club01 ul li div h3{
height:24px;
margin:0 0 28px 0;
text-indent:-9999px;
}
div#club div#club01 ul li.li01{
}
div#club div#club01 ul li.li01 div,
div#club div#club01 ul li.li03 div{
float:left;
width:410px;
padding:48px 0 0 40px;
}
div#club div#club01 ul li.li02 div,
div#club div#club01 ul li.li04 div{
float:right;
width:435px;
padding:48px 15px 0 0;
}
div#club div#club01 ul li.li01 div h3{
background:url(./images/club/club01_h01.gif) no-repeat left top;
}
div#club div#club01 ul li.li02 div h3{
background:url(./images/club/club01_h02.gif) no-repeat left top;
}
div#club div#club01 ul li.li03 div h3{
background:url(./images/club/club01_h03.gif) no-repeat left top;
}
div#club div#club01 ul li.li04 div h3{
background:url(./images/club/club01_h04.gif) no-repeat left top;
}
div#club div#club01 ul li.li01 img,
div#club div#club01 ul li.li03 img{
float:right;
display:block;
}
div#club div#club01 ul li.li02 img,
div#club div#club01 ul li.li04 img{
float:left;
display:block;
}
div#club div#club02{
width:900px;
padding:0 0 10px 0;
font-size:90%;
line-height:1.5em;
}
div#club div#club02 h2{
height:34px;
margin:0 0 45px 0;
background:url(./images/club/h02.gif) no-repeat left top;
text-indent:-9999px;
}
div#club div#club02 ul{
width:900px;
margin:0 0 29px 0;
padding:0 0 20px 0;
border-bottom:#0e6eb8 1px solid;
overflow:hidden;
}
div#club div#club02 ul.last{
border:none;
}
div#club div#club02 ul li{
float:left;
width:450px;
overflow:hidden;
}
div#club div#club02 ul li.li01 div,
div#club div#club02 ul li.li02 div,
div#club div#club02 ul li.li05 div,
div#club div#club02 ul li.li06 div{
float:left;
width:190px;
padding:19px 0 0 40px;
}
div#club div#club02 ul li.li03 div,
div#club div#club02 ul li.li04 div,
div#club div#club02 ul li.li07 div,
div#club div#club02 ul li.li08 div{
float:right;
width:188px;
padding:19px 18px 0 0;
}
div#club div#club02 ul li div h3{
height:32px;
font-size:12px;
text-indent:-9999px;
}
div#club div#club02 ul li.li01 div h3{
background:url(./images/club/club02_h01.gif) no-repeat left top;
}
div#club div#club02 ul li.li02 div h3{
background:url(./images/club/club02_h02.gif) no-repeat left top;
}
div#club div#club02 ul li.li03 div h3{
background:url(./images/club/club02_h03.gif) no-repeat left top;
}
div#club div#club02 ul li.li04 div h3{
background:url(./images/club/club02_h04.gif) no-repeat left top;
}
div#club div#club02 ul li.li05 div h3{
background:url(./images/club/club02_h05.gif) no-repeat left top;
}
div#club div#club02 ul li.li06 div h3{
background:url(./images/club/club02_h06.gif) no-repeat left top;
}
div#club div#club02 ul li.li07 div h3{
background:url(./images/club/club02_h07.gif) no-repeat left top;
}
div#club div#club02 ul li.li08 div h3{
background:url(./images/club/club02_h08.gif) no-repeat left top;
}
div#club div#club02 ul li div p{
min-height:70px;
}
* html div#club#club02 div ul li div p{
height:70px;
}
div#club div#club02 ul li div span{
padding:0 10px 0 0;
display:block;
text-align:right;
}
div#club div#club02 ul li div span a{
color:#0e6eb8;
text-decoration:underline;
}
div#club div#club02 ul li div span a:hover{
text-decoration:none;
}
div#club div#club02 ul li.li01 img,
div#club div#club02 ul li.li02 img,
div#club div#club02 ul li.li05 img,
div#club div#club02 ul li.li06 img{
float:right;
display:block;
padding:0 2px 0 0;
}
div#club div#club02 ul li.li03 img,
div#club div#club02 ul li.li04 img,
div#club div#club02 ul li.li07 img,
div#club div#club02 ul li.li08 img{
float:left;
display:block;
padding:0 0 0 2px;
}
div#club div#club03{
width:900px;
padding:0 0 10px 0;
font-size:90%;
line-height:1.5em;
}
div#club div#club03 h2{
height:34px;
margin:0 0 45px 0;
background:url(./images/club/h03.gif) no-repeat left top;
text-indent:-9999px;
}
div#club div#club03 ul{
width:900px;
margin:0 0 29px 0;
padding:0 0 20px 0;
border-bottom:#0e6eb8 1px solid;
overflow:hidden;
}
div#club div#club03 ul.last{
border:none;
}
div#club div#club03 ul li{
float:left;
width:450px;
overflow:hidden;
}
div#club div#club03 ul li.li01 div,
div#club div#club03 ul li.li02 div,
div#club div#club03 ul li.li05 div,
div#club div#club03 ul li.li06 div{
float:left;
width:198px;
padding:19px 0 0 40px;
}
div#club div#club03 ul li.li03 div,
div#club div#club03 ul li.li04 div,
div#club div#club03 ul li.li07 div,
div#club div#club03 ul li.li08 div{
float:right;
width:188px;
padding:19px 18px 0 0;
}
div#club div#club03 ul li div h3{
height:32px;
font-size:12px;
text-indent:-9999px;
}
div#club div#club03 ul li.li01 div h3{
background:url(./images/club/club03_h01.gif) no-repeat left top;
}
div#club div#club03 ul li.li02 div h3{
background:url(./images/club/club03_h02.gif) no-repeat left top;
}
div#club div#club03 ul li.li03 div h3{
background:url(./images/club/club03_h03.gif) no-repeat left top;
}
div#club div#club03 ul li.li04 div h3{
background:url(./images/club/club03_h04.gif) no-repeat left top;
}
div#club div#club03 ul li.li05 div h3{
background:url(./images/club/club03_h05.gif) no-repeat left top;
}
div#club div#club03 ul li.li06 div h3{
background:url(./images/club/club03_h06.gif) no-repeat left top;
}
div#club div#club03 ul li.li07 div h3{
background:url(./images/club/club03_h07.gif) no-repeat left top;
}
div#club div#club03 ul li.li08 div h3{
background:url(./images/club/club03_h08.gif) no-repeat left top;
}
div#club div#club03 ul li div p{
width:188px;
min-height:70px;
}
* html div#club#club03 div ul li div p{
height:70px;
}
div#club div#club03 ul li div span{
padding:0 10px 0 0;
display:block;
text-align:right;
}
div#club div#club03 ul li div span a{
color:#0e6eb8;
text-decoration:underline;
}
div#club div#club03 ul li div span a:hover{
text-decoration:none;
}
div#club div#club03 ul li.li01 img,
div#club div#club03 ul li.li02 img,
div#club div#club03 ul li.li05 img,
div#club div#club03 ul li.li06 img{
float:right;
display:block;
padding:0 2px 0 0;
}
div#club div#club03 ul li.li03 img,
div#club div#club03 ul li.li04 img,
div#club div#club03 ul li.li07 img,
div#club div#club03 ul li.li08 img{
float:left;
display:block;
padding:0 0 0 2px;
}
div#club div#club04{
width:900px;
padding:0 0 10px 0;
font-size:90%;
line-height:1.5em;
}
div#club div#club04 h2{
height:34px;
margin:0 0 45px 0;
background:url(./images/club/h04.gif) no-repeat left top;
text-indent:-9999px;
}
div#club div#club04 ul{
width:900px;
margin:0 0 29px 0;
padding:0 0 20px 0;
border-bottom:#0e6eb8 1px solid;
overflow:hidden;
}
div#club div#club04 ul.last{
border:none;
}
div#club div#club04 ul li{
float:left;
width:450px;
overflow:hidden;
}
div#club div#club04 ul li.li01 div,
div#club div#club04 ul li.li02 div,
div#club div#club04 ul li.li05 div,
div#club div#club04 ul li.li06 div{
float:left;
width:198px;
padding:19px 0 0 40px;
}
div#club div#club04 ul li.li03 div,
div#club div#club04 ul li.li04 div,
div#club div#club04 ul li.li07 div,
div#club div#club04 ul li.li08 div{
float:right;
width:188px;
padding:19px 18px 0 0;
}
div#club div#club04 ul li div h3{
height:32px;
font-size:12px;
text-indent:-9999px;
}
div#club div#club04 ul li.li01 div h3{
background:url(./images/club/club04_h01.gif) no-repeat left top;
}
div#club div#club04 ul li.li02 div h3{
background:url(./images/club/club04_h02.gif) no-repeat left top;
}
div#club div#club04 ul li.li03 div h3{
background:url(./images/club/club04_h03.gif) no-repeat left top;
}
div#club div#club04 ul li.li04 div h3{
background:url(./images/club/club04_h04.gif) no-repeat left top;
}
div#club div#club04 ul li.li05 div h3{
background:url(./images/club/club04_h05.gif) no-repeat left top;
}
div#club div#club04 ul li.li06 div h3{
background:url(./images/club/club04_h06.gif) no-repeat left top;
}
div#club div#club04 ul li.li07 div h3{
background:url(./images/club/club04_h07.gif) no-repeat left top;
}
div#club div#club04 ul li.li08 div h3{
background:url(./images/club/club04_h08.gif) no-repeat left top;
}
div#club div#club04 ul li div p{
width:188px;
min-height:70px;
}
* html div#club#club04 div ul li div p{
height:70px;
}
div#club div#club04 ul li div span{
padding:0 10px 0 0;
display:block;
text-align:right;
}
div#club div#club04 ul li div span a{
color:#0e6eb8;
text-decoration:underline;
}
div#club div#club04 ul li div span a:hover{
text-decoration:none;
}
div#club div#club04 ul li.li01 img,
div#club div#club04 ul li.li02 img,
div#club div#club04 ul li.li05 img,
div#club div#club04 ul li.li06 img{
float:right;
display:block;
padding:0 2px 0 0;
}
div#club div#club04 ul li.li03 img,
div#club div#club04 ul li.li04 img,
div#club div#club04 ul li.li07 img,
div#club div#club04 ul li.li08 img{
float:left;
display:block;
padding:0 0 0 2px;
}
div#club div#club05 h2{
height:34px;
margin:0 0 60px 0;
background:url(./images/club/h05.gif) no-repeat left top;
text-indent:-9999px;
}
div#club div#club05 ul{
width:820px;
height:145px;
margin:0 0 0 40px;
background:url(./images/club/club05_bg01.gif) no-repeat left top;
}
div#club div#club05 ul li{
font-size:12px;
text-indent:-9999px;
}
/*--------------------------------------------------------------------
(event.html)学校行事ページ
--------------------------------------------------------------------*/
div#event{
width:900px;
padding:0 30px 15px 30px;
overflow:hidden;
font-size:12px;
line-height:1.4em;
}
div#event ul{
padding:0 0 0 20px;
}
div#event ul li{
list-style-type:disc;
}
div#event div#event01{
width:900px;
height:1203px;
background:url(./images/event/event01_bg01.jpg) no-repeat left top;
}
div#event div#event01 div h3{
height:20px;
text-indent:-9999px;
}
div#event div#event01 div.month04{
height:313px;
padding:190px 0 0 189px;
}
div#event div#event01 div.month05{
height:258px;
padding:0 0 0 643px;
}
div#event div#event01 div.month06{
height:238px;
padding:0 0 0 185px;
}
div#event div#event01 div.month07{
padding:0 0 0 660px;
}
div#event div#event02{
width:900px;
height:1034px;
background:url(./images/event/event02_bg01.jpg) no-repeat left top;
}
div#event div#event02 div h3{
height:20px;
text-indent:-9999px;
}
div#event div#event02 div.month08{
height:245px;
padding:143px 0 0 155px;
}
div#event div#event02 div.month09{
height:242px;
padding:0 0 0 642px;
}
div#event div#event02 div.month10{
height:283px;
padding:0 0 0 217px;
}
div#event div#event02 div.month11{
padding:0 0 0 617px;
}
div#event div#event03{
width:900px;
height:1126px;
background:url(./images/event/event03_bg01.jpg) no-repeat left top;
}
div#event div#event03 div h3{
height:20px;
text-indent:-9999px;
}
div#event div#event03 div.month12{
height:290px;
padding:100px 0 0 187px;
}
div#event div#event03 div.month01{
height:278px;
padding:0 0 0 607px;
}
div#event div#event03 div.month02{
height:221px;
padding:0 0 0 155px;
}
div#event div#event03 div.month03{
padding:0 0 0 647px;
}
/*--------------------------------------------------------------------
(cooperation)高大連携ページ
--------------------------------------------------------------------*/
div#cooperation{
width:864px;
padding:26px 66px 10px 30px;
overflow:hidden;
}
div#cooperation div#cooperation-left{
float:left;
width:610px;
}
div#cooperation div#cooperation-left h2{
width:610px;
height:34px;
margin:0 0 35px 0;
background:url(./images/cooperation/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#cooperation div#cooperation-left ul{
width:569px;
margin:0 0 0 41px;
line-height:1.4em;
}
div#cooperation div#cooperation-left ul li{
width:465px;
min-height:19px;
padding:0 0 45px 100px;
background:url(./images/cooperation/left_list01.gif) no-repeat 0 1px;
}
* html div#cooperation div#cooperation-left ul li{
height:19px;
}
div#cooperation div#cooperation-left p{
width:558px;
padding:18px 25px;
border:#0e6eb8 1px solid;
background:#acd7ff;
line-height:1.4em;
}
div#cooperation div#cooperation-right{
float:right;
width:208px;
padding:35px 0 0 0;
}
div#cooperation div#cooperation-right p{
width:208px;
}
div#cooperation div#cooperation-right p img{
display:block;
}
div#cooperation div#cooperation-right p span{
display:block;
width:208px;
height:36px;
text-indent:-9999px;
}
div#cooperation div#cooperation-right p.p01 span{
background:url(./images/cooperation/right_text01.gif) no-repeat 1px 0;
}
div#cooperation div#cooperation-right p.p02 span{
background:url(./images/cooperation/right_text02.gif) no-repeat 1px 0;
}
/*--------------------------------------------------------------------
(certification)資格取得ページ
--------------------------------------------------------------------*/
div#certification{
width:864px;
padding:26px 66px 10px 30px;
overflow:hidden;
}
div#certification img{
margin:0px 0px 50px 0px;
}
div#certification div#certification-left{
float:left;
width:610px;
}
div#certification div#certification-left h2{
width:610px;
height:34px;
margin:0 0 35px 0;
background:url(./images/certification/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#certification div#certification-left ul{
width:569px;
margin:0 0 0 41px;
line-height:1.4em;
}
div#certification div#certification-left ul li{
width:465px;
min-height:19px;
padding:0 0 45px 100px;
background:url(./images/certification/left_list01.gif) no-repeat 0 1px;
}
* html div#certification div#certification-left ul li{
height:19px;
}
div#certification div#certification-left p{
width:558px;
padding:18px 25px;
border:#0e6eb8 1px solid;
background:#acd7ff;
line-height:1.4em;
}
div#certification div#certification-right{
float:right;
width:208px;
padding:35px 0 0 0;
}
div#certification div#certification-right p{
width:208px;
}
div#certification div#certification-right p img{
display:block;
}
div#certification div#certification-right p span{
display:block;
width:208px;
height:36px;
text-indent:-9999px;
}
div#certification div#certification-right p.p01 span{
background:url(./images/certification/right_text01.gif) no-repeat 1px 0;
}
div#certification div#certification-right p.p02 span{
background:url(./images/certification/right_text02.gif) no-repeat 1px 0;
}
/*--------------------------------------------------------------------
(volunteer)ボランティア活動ページ
--------------------------------------------------------------------*/
div#volunteer{
width:864px;
padding:26px 66px 10px 30px;
overflow:hidden;
}
div#volunteer div#volunteer-left{
float:left;
width:610px;
}
div#volunteer div#volunteer-left h2{
width:610px;
height:34px;
margin:0 0 35px 0;
background:url(./images/volunteer/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#volunteer div#volunteer-left ul{
width:569px;
margin:0 0 0 41px;
line-height:1.4em;
}
div#volunteer div#volunteer-left ul li{
width:465px;
min-height:19px;
padding:0 0 45px 100px;
background:url(./images/volunteer/left_list01.gif) no-repeat 0 1px;
}
* html div#volunteer div#volunteer-left ul li{
height:19px;
}
div#volunteer div#volunteer-left p{
width:558px;
padding:18px 25px;
border:#0e6eb8 1px solid;
background:#acd7ff;
line-height:1.4em;
}
div#volunteer div#volunteer-right{
float:right;
width:208px;
padding:35px 0 0 0;
}
div#volunteer div#volunteer-right p{
width:208px;
}
div#volunteer div#volunteer-right p img{
display:block;
}
div#volunteer div#volunteer-right p span{
display:block;
width:208px;
height:36px;
text-indent:-9999px;
}
div#volunteer div#volunteer-right p.p01 span{
background:url(./images/volunteer/right_text01.gif) no-repeat 1px 0;
}
div#volunteer div#volunteer-right p.p02 span{
background:url(./images/volunteer/right_text02.gif) no-repeat 1px 0;
}
/*--------------------------------------------------------------------
(international)国際交流ページ
--------------------------------------------------------------------*/
div#international{
width:864px;
padding:26px 66px 10px 30px;
overflow:hidden;
}
div#international div#international-left{
float:left;
width:610px;
}
div#international div#international-left h2{
width:610px;
height:34px;
margin:0 0 35px 0;
background:url(./images/international/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#international div#international-left ul{
width:569px;
margin:0 0 0 41px;
line-height:1.4em;
}
div#international div#international-left ul li{
width:465px;
min-height:19px;
padding:0 0 45px 100px;
background:url(./images/international/left_list01.gif) no-repeat 0 1px;
}
* html div#international div#international-left ul li{
height:19px;
}
div#international div#international-left p{
width:558px;
padding:18px 25px;
border:#0e6eb8 1px solid;
background:#acd7ff;
line-height:1.4em;
}
div#international div#international-right{
float:right;
width:208px;
padding:35px 0 0 0;
}
div#international div#international-right p{
width:208px;
}
div#international div#international-right p img{
display:block;
}
div#international div#international-right p span{
display:block;
width:208px;
height:36px;
text-indent:-9999px;
}
div#international div#international-right p.p01 span{
background:url(./images/international/right_text01.gif) no-repeat 1px 0;
}
div#international div#international-right p.p02 span{
background:url(./images/international/right_text02.gif) no-repeat 1px 0;
}
/*--------------------------------------------------------------------
(inspection.html)学校見学会ページ
--------------------------------------------------------------------*/
div#inspection{
width:900px;
padding:26px 30px 10px 30px;
}
div#inspection h2{
width:610px;
height:34px;
background:url(./images/inspection/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#inspection div.box{
width:794px;
height:412px;
padding:58px 0 0 106px;
background:url(./images/inspection/bg01.gif) no-repeat left top;
overflow:hidden;
font-size:12px;
line-height:1.3em;
}
div#inspection div.box div#inspection01{
float:left;
width:261px;
}
div#inspection div.box div#inspection01 h3.h01{
height:74px;
text-indent:-9999px;
}
div#inspection div.box div#inspection01 h3.h02{
height:20px;
text-indent:-9999px;
}
div#inspection div.box div#inspection01 div{
width:185px;
height:125px;
margin:0 0 20px 0;
overflow:auto;
}
div#inspection div.box div#inspection01 div ul{
padding:0 0 15px 25px;
overflow:hidden;
}
div#inspection div.box div#inspection01 div ul li{
list-style-type:disc;
}
div#inspection div.box div#inspection01 div p{
width:92px;
height:30px;
margin:0 0 0 52px;
background:url(./images/inspection/inspection01_button01.gif) no-repeat left top;
}
div#inspection div.box div#inspection01 div p a{
display:block;
height:100%;
text-indent:-9999px;
}
div#inspection div.box div#inspection01 div img{
display:block;
}
div#inspection div.box div#inspection02{
float:left;
width:273px;
}
div#inspection div.box div#inspection02 img{
display:block;
margin:0 0 51px 35px;
}
div#inspection div.box div#inspection02 div{
width:200px;
height:140px;
overflow:auto;
}
div#inspection div.box div#inspection02 div ul{
padding:0 0 0 25px;
margin:0 0 17px 40px;
}
div#inspection div.box div#inspection02 div ul li{
list-style-type:disc;
}
div#inspection div.box div#inspection02 div div{
width:200px;
height:auto;
padding:0;
margin:0;
overflow:hidden;
}
div#inspection div.box div#inspection02 div div p{
float:left;
width:92px;
height:30px;
}
div#inspection div.box div#inspection02 div div p.p01{
margin-right:10px;
background:url(./images/inspection/inspection02_button03.gif) no-repeat left top;
}
div#inspection div.box div#inspection02 div div p.p02{
background:url(./images/inspection/inspection03_button01.gif) no-repeat left top;
}
div#inspection div.box div#inspection02 div div p a{
display:block;
height:100%;
text-indent:-9999px;
}
div#inspection div.box div#inspection03{
float:left;
width:255px;
}
div#inspection div.box div#inspection03 h3{
height:25px;
text-indent:-9999px;
}
div#inspection div.box div#inspection03 div{
width:180px;
height:107px;
margin:0 0 15px 62px;
overflow:auto;
}
div#inspection div.box div#inspection03 div ul{
padding:0 0 15px 25px;
}
div#inspection div.box div#inspection03 div ul li{
list-style-type:disc;
}
div#inspection div.box div#inspection03 p{
width:92px;
height:30px;
}
div#inspection div.box div#inspection03 p.p01{
margin-left:11px;
background:url(./images/inspection/inspection02_button02.gif) no-repeat left top;
}
div#inspection div.box div#inspection03 p.p02{
margin-left:133px;
background:url(./images/inspection/inspection03_button02.gif) no-repeat left top;
}
div#inspection div.box div#inspection03 p a{
display:block;
height:100%;
text-indent:-9999px;
}
div#inspection div.box div#inspection03 h4{
height:56px;
text-indent:-9999px;
}
/*--------------------------------------------------------------------
(access.html)学校へのアクセスページ
--------------------------------------------------------------------*/
div#access{
width:855px;
padding:15px 30px 30px 75px;
}
div#access h2{
height:18px;
margin:0 0 15px 26px;
font-size:12px;
text-indent:-9999px;
background:url(./images/access/h01.gif) no-repeat left top;
}
div#access p{
margin:0 0 31px 63px;
line-height:1.3em;
}
div#access img{
display:block;
}
/*--------------------------------------------------------------------
(uniform.html)制服ページ
--------------------------------------------------------------------*/
div#uniform{
width:900px;
padding:15px 30px 30px 30px;
overflow:hidden;
}
div#uniform p{
float:right;
width:584px;
height:380px;
background:url(./images/uniform/bg01.gif) no-repeat left top;
text-indent:-9999px;
}
div#uniform img{
float:right;
display:block;

}
/*--------------------------------------------------------------------
(sitemap.html)サイトマップページ
--------------------------------------------------------------------*/
div#sitemap{
width:900px;
padding:15px 30px 15px 30px;
}
div#sitemap a{
color:#0e6eb8;
text-decoration:none;
}
div#sitemap a:hover{
text-decoration:underline;
}
div#sitemap div.box{
width:898px;
padding:23px 0;
border:#86b6db 1px solid;
}
div#sitemap div.box div{
width:898px;
overflow:hidden;
background:url(./images/sitemap/bg01.gif) repeat-y left top;
}
div#sitemap div.box ul{
float:left;
width:367px;
padding:0 0 0 82px;
line-height:1.4em;
}
div#sitemap div.box ul.ul01{
}
div#sitemap div.box ul.ul02{
}
div#sitemap div.box ul li{
padding:1px 0 0 14px;
margin:0 0 17px 0;
background:url(./images/sitemap/list01.gif) no-repeat 0 0.6em;
}
div#sitemap div.box ul li a{
}
div#sitemap div.box ul li ul{
float:none;
width:auto;
padding:0;
}
div#sitemap div.box ul li ul li{
padding:0 0 0 12px;
margin:0;
background:none;
}
div#sitemap div.box ul li ul li a{
}
/*--------------------------------------------------------------------
(request.html)資料請求・お問い合わせ・個人情報保護ページ
--------------------------------------------------------------------*/
div#request{
width:900px;
padding:15px 30px 15px 30px;
line-height:1.4em;
}
div#request div#form{
width:900px;
margin:0 0 55px 0;
font-size:12px;
}
div#request div#form div#form01{
width:900px;
padding:0 0 38px 0;
overflow:hidden;
}
div#request div#form div#form01 div#form01-left{
float:left;
width:460px;
}
div#request div#form div#form01 div#form01-left h2{
width:430px;
height:34px;
margin:0 0 24px 0;
background:url(./images/request/h01.gif) no-repeat left top;
text-indent:-9999px;
}
div#request div#form div#form01 div#form01-left h3{
display:none;
}
div#request div#form div#form01 div#form01-left table{
width:432px;
}
div#request div#form div#form01 div#form01-left table tr th{
width:92px;
padding:5px 7px 5px 0;
text-align:right;
vertical-align:top;
}
div#request div#form div#form01 div#form01-left table tr td{
width:333px;
}
div#request div#form div#form01 div#form01-left table tr td input{
width:331px;
padding:1px;
}
div#request div#form div#form01 div#form01-right{
float:right;
width:430px;
}
div#request div#form div#form01 div#form01-right h2{
width:430px;
height:34px;
margin:0 0 24px 0;
background:url(./images/request/h02.gif) no-repeat left top;
text-indent:-9999px;
}
div#request div#form div#form01 div#form01-right h3{
display:none;
}
div#request div#form div#form01 div#form01-right table{
width:430px;
}
div#request div#form div#form01 div#form01-right table tr th{
width:87px;
padding:5px 10px 5px 0;
text-align:right;
vertical-align:top;
}
div#request div#form div#form01 div#form01-right table tr td{
width:333px;
}
div#request div#form div#form01 div#form01-right table tr td.text input{
width:331px;
padding:1px;
}
div#request div#form div#form01 div#form01-right table tr td.radio input{
vertical-align:middle;
}
div#request div#form div#form02{
}
div#request div#form div#form02 h2{
width:900px;
height:34px;
margin:0 0 24px 0;
background:url(./images/request/h03.gif) no-repeat left top;
text-indent:-9999px;
}
div#request div#form div#form02 h3{
display:none;
}
div#request div#form div#form02 table{
width:900px;
}
div#request div#form div#form02 table tr th{
width:88px;
padding:5px 10px 5px 0;
text-align:right;
vertical-align:top;
}
div#request div#form div#form02 table tr.tr02 th{
padding:6px 10px 13px 0;
}
div#request div#form div#form02 table tr.tr02 td{
padding:5px 0 13px 0;
}
div#request div#form div#form02 table tr td input{
vertical-align:middle;
}
div#request div#form div#form02 table tr td.center{
padding:23px 0 0 0;
text-align:center;
}
div#request div#form div#form02 table tr td textarea{
width:800px;
height:121px;
padding:1px;
}
div#request div#privacy{
padding:16px 30px;
border:#0e6eb8 double;
border-width:3px 0;
}
div#request div#privacy h4{
margin:0 0 1.2em 0;
}
div#request div#privacy p{
}
div#request div#privacy ul{
padding:0 0 0 20px;
}
div#request div#privacy ul li{
list-style-type:disc;
}
div#request div#request-view{
width:900px;
padding:0 0 50px 0;
}
div#request div#request-view h2{
float:left;
padding:4px 10px 3px 10px;
margin:0 0 15px 0;
background:#3b89c5;
color:#fff;
font-size:14px;
}
div#request div#request-view p{
clear:both;
margin:0 0 0 20px;
}
div#request div#request-view table{
width:850px;
margin:0 0 0 20px;
line-height:1.3em;
}
div#request div#request-view table tr th{
width:120px;
padding:4px 20px 4px 10px;
border:#acd7ff 1px solid;
white-space:nowrap;
vertical-align:top;
}
div#request div#request-view table tr td{
padding:4px 10px 4px 10px;
border:#acd7ff 1px solid;
vertical-align:top;
}
div#request div#request-view table tr td p{
margin:0;
}
/*--------------------------------------------------------------------
(info.html)インフォメーションページ
--------------------------------------------------------------------*/
div#info{
width:900px;
padding:0 30px 0 30px;
overflow:hidden;
}
div#info div#info-left{
float:left;
width:638px;
padding:30px 0 12px 0;
border:#999 1px solid;
}
div#info div#info-left div#info-left01{
width:638px;
}
div#info div#info-left div#info-left01 h2{
width:602px;
height:18px;
margin:0 0 19px 36px;
background:url(./images/top/left01_h01.gif) no-repeat left top;
font-size:12px;
text-indent:-9999px;
}
div#info div#info-left div#info-left01 ul{
clear:both;
width:580px;
height:478px;
margin:0 0 19px 19px;
padding:5px 0 0 18px;
border:#aaadb4 1px solid;
border-color:#aaadb4 #dcdfe6 #e2e9ef #e7e7ee;
font-size:13px;
line-height:1.3em;
overflow:auto;
color:#333;
}
div#info div#info-left div#info-left01 ul li{
padding:5px 0;
overflow:hidden;
}
div#info div#info-left div#info-left01 ul li b{
float:left;
display:block;
width:85px;
font-weight:normal;
}
div#info div#info-left div#info-left01 ul li span{
float:left;
display:block;
width:455px;
}
* html div#info div#info-left div#info-left01 ul li span{
width:auto;
}
div#info div#info-left div#info-left01 p{
width:102px;
height:22px;
margin:0 0 26px 502px;
font-size:12px;
background:url(./images/info/left01_button01.gif) no-repeat left top;
}
div#info div#info-left div#info-left01 ul li span a{
color:#333;
text-decoration:none;
}
div#info div#info-left div#info-left01 ul li span a:hover{
color:#0e6eb8;
text-decoration:underline;
}
div#info div#info-left div#info-left01 p a{
display:block;
height:100%;
text-indent:-9999px;
}
div#info div#info-left div#info-left01 p a:hover{
}
div#info div#info-left ul#info-left02{
width:615px;
margin:0 0 0 17px;
overflow:hidden;
}
div#info div#info-left ul#info-left02 li{
float:left;
width:294px;
height:152px;
}
div#info div#info-left ul#info-left02 li.li01{
margin:0 16px 0 0;
background:url(./images/info/left02_bg01.jpg) no-repeat left top;
}
div#info div#info-left ul#info-left02 li.li02{
background:url(./images/info/left02_bg02.jpg) no-repeat left top;
}
div#info div#info-left ul#info-left02 li a{
display:block;
height:100%;
text-indent:-9999px;
}
div#info div#info-left ul#info-left02 li.li01 a:hover{
background:url(./images/info/left02_bg01r.jpg) no-repeat left top;
}
div#info div#info-left ul#info-left02 li.li02 a:hover{
background:url(./images/info/left02_bg02r.jpg) no-repeat left top;
}
div#info ul#info-right{
float:right;
width:219px;
padding:19px 0 4px 19px;
border:#999 1px solid;
}
div#info ul#info-right li{
width:200px;
height:65px;
margin:0 0 15px 0;
}
div#info ul#info-right li.li01{
background:url(./images/info/right_bg01.jpg) no-repeat left top;
}
div#info ul#info-right li.li02{
background:url(./images/info/right_bg02.jpg) no-repeat left top;
}
div#info ul#info-right li.li03{
background:url(./images/info/right_bg03.jpg) no-repeat left top;
}
div#info ul#info-right li.li04{
background:url(./images/info/right_bg04.jpg) no-repeat left top;
}
div#info ul#info-right li.li05{
background:url(./images/info/right_bg05.jpg) no-repeat left top;
}
div#info ul#info-right li.li06{
background:url(./images/info/right_bg06.jpg) no-repeat left top;
}
div#info ul#info-right li.li07{
background:url(./images/info/right_bg07.jpg) no-repeat left top;
}
div#info ul#info-right li a{
display:block;
height:100%;
text-indent:-9999px;
}
div#info ul#info-right li.li01 a:hover{
background:url(./images/info/right_bg01r.jpg) no-repeat left top;
}
div#info ul#info-right li.li02 a:hover{
background:url(./images/info/right_bg02r.jpg) no-repeat left top;
}
div#info ul#info-right li.li03 a:hover{
background:url(./images/info/right_bg03r.jpg) no-repeat left top;
}
div#info ul#info-right li.li04 a:hover{
background:url(./images/info/right_bg04r.jpg) no-repeat left top;
}
div#info ul#info-right li.li05 a:hover{
background:url(./images/info/right_bg05r.jpg) no-repeat left top;
}
div#info ul#info-right li.li06 a:hover{
background:url(./images/info/right_bg06r.jpg) no-repeat left top;
}
div#info ul#info-right li.li07 a:hover{
background:url(./images/info/right_bg07r.jpg) no-repeat left top;
}
/*--------------------------------------------------------------------
(info_.html)インフォメーション１件ページ
--------------------------------------------------------------------*/
div#info-content{
width:900px;
padding:0 30px 0 30px;
overflow:hidden;
}
div#info-content div#info-left{
float:left;
width:638px;
padding:30px 0 12px 0;
border:#999 1px solid;
}
div#info-content div#info-left div#info-left01{
width:638px;
}
div#info-content div#info-left div#info-left01 h2{
width:602px;
height:18px;
margin:0 0 19px 36px;
background:url(./images/top/left01_h01.gif) no-repeat left top;
font-size:12px;
text-indent:-9999px;
}
div#info-content div#info-left div#info-left01 div.box{
clear:both;
width:580px;
height:468px;
margin:0 0 19px 19px;
padding:15px 0 0 18px;
border:#aaadb4 1px solid;
border-color:#aaadb4 #dcdfe6 #e2e9ef #e7e7ee;
line-height:1.3em;
overflow:auto;
color:#333;
}
div#info-content div#info-left div#info-left01 div.box div.title{
width:545px;
padding:5px 0;
margin:0 0 13px 0;
font-size:13px;
line-height:1.3em;
overflow:hidden;
}
div#info-content div#info-left div#info-left01 div.box div.title h3{
float:left;
width:85px;
font-weight:normal;
}
div#info-content div#info-left div#info-left01 div.box div.title h4{
float:left;
width:460px;
}
* html div#info-content div#info-left div#info-left01 div.box div.title h4{
width:auto;
}
div#info-content div#info-left div#info-left01 div.box div.body{
margin-right:25px;
padding-bottom:20px;
line-height:1.6em;
}
div#info-content div#info-left div#info-left01 div.box div.body p{
width:auto;
margin:0;
padding:0;
}
div#info-content ul#info-right{
float:right;
width:219px;
padding:19px 0 4px 19px;
border:#999 1px solid;
}
div#info-content ul#info-right li{
width:200px;
height:65px;
margin:0 0 15px 0;
}
div#info-content ul#info-right li.li01{
background:url(./images/info/right_bg01.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li02{
background:url(./images/info/right_bg02.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li03{
background:url(./images/info/right_bg03.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li04{
background:url(./images/info/right_bg04.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li05{
background:url(./images/info/right_bg05.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li06{
background:url(./images/info/right_bg06.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li07{
background:url(./images/info/right_bg07.jpg) no-repeat left top;
}
div#info-content ul#info-right li a{
display:block;
height:100%;
text-indent:-9999px;
}
div#info-content ul#info-right li.li01 a:hover{
background:url(./images/info/right_bg01r.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li02 a:hover{
background:url(./images/info/right_bg02r.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li03 a:hover{
background:url(./images/info/right_bg03r.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li04 a:hover{
background:url(./images/info/right_bg04r.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li05 a:hover{
background:url(./images/info/right_bg05r.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li06 a:hover{
background:url(./images/info/right_bg06r.jpg) no-repeat left top;
}
div#info-content ul#info-right li.li07 a:hover{
background:url(./images/info/right_bg07r.jpg) no-repeat left top;
}