@charset "UTF-8";


/*-----------------------------------------------
CSSファイル名：style.css
初期制作者：shiba
最終更新日：

main領域のスタイル

-------------------------------------------------
階層構造
-------------------------------------------------
・見出し
・リンク
・テキスト周り 
・フロート
・リスト
・テーブル
・ボックス
・clearfix
-----------------------------------------------*/

@media screen,tv,projection {


/* 見出し
----------------------------------------------------------------*/
#main h1{
display:table-cell;
vertical-align:middle;
width:563px;
height:70px;
padding:0 0 0 37px;
margin:0;
color:#ee5277;
line-height:1.4;
font-size:150%;
background:url(/common/img/h1_bg.gif) no-repeat top left;
}

body #contents #main h1 + *{ margin-top:60px; }

#main h1 table{
margin:0;
padding:0;
border:0;
border-collapse:collapse;
}

#main h1 table tr th{
width:563px;
height:70px;
padding:0;
border:0;
background:none;
vertical-align:middle;
}

#main h2{
color:#ee5277;
font-size:125%;
font-weight:bold;
margin:2.5em 0 1.8em;
padding:0;
background:url(/common/img/h2_bottom.gif) no-repeat left bottom;
}

#main h2 span.date{
display:block;
color:#958c71;
font-size:80%;
margin:0.2em 0 0;
padding:0 0 0 0.2em;
}

#main h2.lead{
position:static;
width:auto;
height:auto;
background:none;
}

#main h2.point{
font-size:117%;
color:#ee5277;
font-weight:bold;
padding:5px;
margin:0 0 0.8em;
background:#f3f2f0;
border:0;
clear:both;
}

#main h2.point span.inner{
display:block;
padding:0 0 0 5px;
border-left:5px solid #ec6c91;
background:none;
}

#main h1 + p.print + h2{
margin-top:0;
}

#main h1 + div.note + h2{ margin-top:0 }

#main h2.image{ background:none; }
#main h2.image img{ line-height:1; }

#main h2.iconIn span.inner{
position:relative;
padding:0.7em 90px 0.6em 12px;
}

#main h2.iconIn img.icon{
position:absolute;
bottom:33%;
right:12px;
vertical-align:middle;
}

#main h2 span.inner{
display:block;
line-height:1.4;
padding:0.7em 12px 0.6em;
background:url(/common/img/h2_head.gif) no-repeat left top;
}

#main h3{
color:#fff;
font-weight:bold;
font-size:117%;
line-height:1.4;
padding:0.4em 8px 0.3em;
margin:1.3em 0;
background:#ec6c91;
}

#main h3.image{
padding:0;
background:none;
}

#main h4{
color:#ee5277;
font-size:117%;
margin:1em 0;
padding:0 0 0 6px;
border-left:5px solid #ec6c91;
}

#main h5{
font-size:117%;
font-weight:bold;
margin:1em 0 0.5em;
}


/* リンク */
#main a:link{ color:#f79d01; }
#main a:visited{ color:#b48f50; }
#main a:hover,a:active{ color:#ffc257; }

#main a span.anchorIn{ text-decoration:underline; }
#main a:hover span.anchorIn{ text-decoration:none; }


/* テキスト周り */
#main p{
margin:1em 0 1.2em;
line-height:1.6;
}

#main p.note{
color:#e71e1e;
font-size:85%;
text-indent:-1em;
padding:0 0 0 1em;
margin:0 0 1.2em;
}

#main p.image{ margin:1.5em 0; text-align:center; }
#main p em.employmentRate{ font-size:200%; padding:0 0 0 10px; }

sup.note{ color:#e71e1e; font-weight:normal; }

.txtCenter,.button,#main table th.txtCenter{ text-align:center; }
.txtRight{ text-align:right; }
.txtLeft{ text-align:right; }

#main p.button{
margin:2em 0 1.2em;
}

#main p.print{
text-align:right;
margin:0 0 1em;
}

#main p.link a{
padding:0 0 0 18px;
margin:0;
background:url(/common/img/arrow.gif) no-repeat 5px 0.5em;
}

#main img.iconStar{
margin:0 5px 0 3px;
padding:0.2em 0;
vertical-align:middle;
}

#main li > img.iconStar{
padding:0;
vertical-align:-1px;
}

em{
font-weight:bold;
font-style:normal;
}

.externalIcon{
vertical-align:middle;
padding:0.3em 0 0.4em;
margin:0 5px 0 3px;
text-decoration:none;
}

.externalbeforeIcon{
vertical-align:middle;
padding:0.3em 0 0.4em;
margin:0 5px 0 3px;
text-decoration:none;
}

a > .externalIcon,a > .externalbeforeIcon{ padding:0; }

.imgCap{
font-weight:normal;
font-size:85%;
line-height:1.5;
padding:5px 0;
}


#main .section .button,
#main .important .button{
padding:2em 0 0;
}

/* フロート
----------------------------------------------------------------*/
#contents #main .partsLeft{ float:left; margin-right:10px; }
#contents #main .partsRight{ float:right; margin-left:10px; }

#main .partsRight img,#main .partsLeft img{ margin-bottom:5px; }

.partsLeft img,.partsRight img { margin-right:-3px; }
.partsLeft > img,.partsRight > img { margin-right:0; }
.button img{ margin-right:0; }


/* リスト
----------------------------------------------------------------*/
/* ol */
#main ol li ol li{
list-style-type:lower-alpha;
}

#main ol.numList{
margin:1.5em 5px;
padding:0;
list-style-type:none;
}

#main ol.numList li{
text-indent:-2.15em;
padding:0 0 0 2.15em;
margin:0 0 0.5em;
}

#main ol.numList > li{
text-indent:-2.2em;
padding:0 0 0 2.2em;
}

*:first-child+html #main ol.numList > li{
text-indent:-2.15em;
padding:0 0 0 2.15em;
}

#main ol.numList li span.num{
font-family:"Courier New";
color:#ee5277;
font-weight:900;
margin:0 0.2em 0 0;
}

#main ol li ol.numList{
margin:0.7em 0 1em;
}

#main ol li ol.numList li{
list-style-type:none;
text-indent:-1.41em;
padding:0 0 0 1.41em;
margin:0 0 0.3em;
}

#main ol li > ol.numList li{
text-indent:-1.6em;
padding:0 0 0 1.6em;
}

*:first-child+html #main ol li ol.numList li{
text-indent:-1.41em;
padding:0 0 0 1.41em;
}

#main ol.numList li ul{
margin:0.7em 0 1em;
}

#main ol.numList li ul li{
margin:0 0 0.3em;
padding:0 0 0 1.5em;
text-indent:0;
}

#main ol.numList li ul.note li{
padding:0 0 0 1em;
text-indent:-1em;
}

/* content */
#main table.schedule td.content ol{
margin:0;
padding:0;
}

#main table.schedule td.content ol li{
list-style-type:none;
margin:0;
padding:0;
}

#main table.schedule td.txtLeft{
text-align:left;
vertical-align:top;
}

#main table.schedule td.content ol li.guidance{ padding:0 0 0 3.7em; }
#main > table.schedule td.content ol li.guidance{ padding:0 0 0 3.7em; }
*:first-child+html #main table.schedule td.content ol li.guidance{ padding:0 0 0 4em; }

#main table.schedule td.content ol li span.numWrap{ text-indent:-3.5em; padding:0 5px 0 0; }
#main > table.schedule td.content ol li span.numWrap{ display:inline-block; text-indent:-3.7em; padding:0; }
*:first-child+html #main table.schedule td.content ol li span.numWrap{ display:inline; text-indent:-1.5em; padding:0 5px 0 0; }

#main table col.date{ width:8em; }
#main table col.place{ width:6em; }


/* ul */
#main ul{
margin:1.5em 5px;
padding:0;
}

#main ul li{
list-style-type:none;
margin:0 0 0.5em;
padding:0 0 0 1.5em;
background:url(/common/img/icon_disc.gif) no-repeat 5px 0.45em;
}

#main ul li ul{
margin:0.7em 0 1em 0;
}

#main ul li ul li{
margin:0 0 0.3em;
background:url(/common/img/icon_circle.gif) no-repeat 5px 0.4em;
}

#main ul.links li{
padding:0;
background:none;
}

#main ul.links li a{
padding:0 0 0 1.5em;
background:url(/common/img/arrow.gif) no-repeat 5px 0.4em;
}

#main ul.links li a:hover{
background:url(/common/img/arrow_on.gif) no-repeat 5px 0.4em;
}

#main ul li ol li{
background:none;
}

/* privacy */
#main ul.privacy li{
padding:0;
background:none;
}

#main ul.privacy li dl{
margin:0;
padding:0;
}

#main ul.privacy li dl dt{
margin:0 0 0.7em;
padding:0 0 0 1.5em;
text-indent:-1.5em;
}

#main ul.privacy li dl dd{
margin:0 0 1.5em;
}

#main ul.privacy li dl dd ul{
margin:0;
}

#main ul.privacy li dl dd ul li{
margin:0 0 0.5em;
padding:0 0 0 1.85em;
text-indent:-1.85em;
}


/* mass */
#main ul.mass{ /* clearfix */
margin:1.5em 0;
padding:2px 0 0;
border-top:1px solid #cdc8b9;
background:#f3f2f0 url(/common/img/dotted_mass.gif) repeat-x bottom left;
}

#main ul.mass li{
float:left;
width:200px;
padding:0 0 3px;
margin:0;
background:url(/common/img/dotted_mass.gif) repeat-x bottom left;
}

#main ul.mass li span{
display:block;
padding:0.55em 10px 0.25em 25px;
background:url(/common/img/icon_disc.gif) no-repeat 12px 1.03em;
}


/* index */
/* ul.index */
#main ul.index{ /* clearfix */
margin:2em 0;
padding:0;
background:none;
}

#main ul.index li{
float:left;
width:295px;
margin:0 10px 1em 0;
padding:0;
display:inline;
background:url(/common/img/index_navi_bottom.gif) no-repeat bottom left;
}

#main ul.index li:nth-child(even){ margin:0 0 1em; }
#main ul.index li.even{ margin:0 0 1em; }

#main ul.index li.hover{
cursor:pointer;
background:url(/common/img/index_navi_bottom.gif) no-repeat bottom right;
}

#main ul.index li dl{ /* clearfix */
padding:9px;
margin:0;
background:url(/common/img/index_navi_head.gif) no-repeat top left;
}

#main ul.index li.hover dl{
background:url(/common/img/index_navi_head.gif) no-repeat top right;
}

#main ul.index li dl dt{
padding:0;
font-size:117%;
margin:0 0 0.7em;
}

#main ul.index li dl dt a{
display:block;
color:#ee5277;
font-weight:bold;
line-height:1.3;
text-decoration:none;
padding:0.3em 0 0.3em 27px;
background:#f3f2f0 url(/common/img/arrow_big.gif) no-repeat 7px 50%;
}

#main ul.index li dl dt a span.anchorIn{
text-decoration:none;
}

#main ul.index li dl dt a:hover,
#main ul.index li.hover dl dt a{
color:#fa295b;
background:#fff url(/common/img/arrow_big_on.gif) no-repeat 7px 50%;
}

#main ul.index li dl dd{
margin:0;
padding:0 5px 0 115px;
}

#main ul.index li dl dd.partsLeft{
margin:0;
padding:0 0 0 5px;
}

#main ul.index li dl dd ul{
margin:0;
padding:0;
}

#main ul.index li dl dd ul li,
#main ul.index li dl dd ul li.even{
float:none;
width:auto;
margin:0 0 0.2em;
padding:0;
background:none;
display:block;
}

#main ul.index li.link dl dd ul li{
background:none;
}

#main ul.index li.link dl dd ul li a{
padding:0 0 0 10px;
background:url(/common/img/arrow.gif) no-repeat 2px 0.35em;
}

#main ul.index li.link dl dd ul li a:hover{
background:url(/common/img/arrow_on.gif) no-repeat 2px 0.35em;
}

/* dl.index */
#main dl.index{
padding:0 0 9px;
background:url(/common/img/h2_bottom.gif) no-repeat bottom left;
}

#main dl.index dt{
padding:9px 9px 0;
font-size:117%;
margin:0 0 0.7em;
background:url(/common/img/h2_head.gif) no-repeat top left;
}

#main dl.index dt span.inner{
display:block;
color:#ee5277;
font-weight:bold;
line-height:1.3;
text-decoration:none;
padding:0.3em 0 0.3em 27px;
background:#f3f2f0 url(/common/img/arrow_big_open.gif) no-repeat 7px 50%;
}

#main dl.index dd{
margin:0 0 0.6em;
padding:0 9px;
text-align:center;
}

#main dl.index dd img{
margin:0 auto;
line-height:0;
vertical-align:middle;
}

#main dl.index dd img.externalIcon{
margin:0 0 0 3px;
}

#main dl.index dd p{
text-align:left; 
margin:0.8em 3px 0.8em;
padding:0 5px 0.6em;
background:url(/common/img/dotted.gif) repeat-x bottom left;
}

#main dl.index dd.box{
margin:0.8em 12px 0.8em;
padding:0 0 0.3em;
background:url(/common/img/dotted.gif) repeat-x bottom left;
}

#main dl.index dd.box p{
padding:0;
background:none;
}

#main dl.index dd.box p.partsLeft{
background:none;
height:auto;
}

#main dl.index dd ul{ /* clearfix */
margin:0;
padding:0;
text-align:left;
}

#main dl.index dd ul li{
float:left;
width:275px;
padding:0 15px 0 0;
margin:0 0 0.5em;
background:none;
}

#main dl.index dd ul li a{
display:block;
padding:0 0 0 25px;
background:url(/common/img/arrow.gif) no-repeat 13px 0.55em;
}

#main dl.index dd ul li a:hover{
background:url(/common/img/arrow_on.gif) no-repeat 13px 0.55em;
}




/* mark */
#main ul.mark li{
list-style-type:none;
padding:0 0 0 1em;
background:none;
}

#main ul.mark li.markIn{
text-indent:-1em;
}


/* introduce */
#main ul.introduce{ /* clearfix */
margin:1.5em 0;
padding:0;
}

#main ul.introduce li{
float:left;
width:273px;
margin:0 10px 1em 0;
padding:10px 10px 0;
border:1px solid #cdc8b9;
background:0;
display:inline;
}

#main ul.introduce li:nth-child(even){ margin:0 0 1em; }
#main ul.introduce li.even{ margin:0 0 1em; }

#main ul.introduce li dl{ /* clearfix */
margin:0;
padding:0;
}

#main ul.introduce li dl dt{
font-size:117%;
font-weight:bold;
margin:0 0 0.3em;
padding:0;
}

#main ul.introduce li dl dd{
margin:0;
padding:0;
}

/* explanation */
#main ul.explanation{ /* clearfix */
margin:1.2em 0;
}

#main ul.explanation li{
float:left;
width:190px;
border:1px solid #cdc8b9;
background:none;
padding:0;
margin:0 12px 1em 0;
}

#main ul.explanation li:nth-child(3n){ margin:0 0 1em; }
#main ul.explanation li.side{ margin:0 0 1em; }

#main ul.explanation li dl{
margin:0;
padding:10px;
}

#main ul.explanation li dl dt{
margin:0 0 0.5em;
}

#main ul.explanation li dl dd{
margin:0;
}

/* teacher */
#main ul li dl.teacher dt{
font-size:117%;
line-height:1.4;
margin:0 0 0.7em;
}

#main ul li dl.teacher dt span.english{
font-size:80%;
}

#main ul li dl.teacher dd.catch{
font-size:100%;
padding:0.3em 0px 0.3em 5px;
margin:0 0 0.7em;
background:#f3f2f0;
font-weight:bold;
}

#main ul li dl.teacher dd dl{/* clearfix */
padding:0;
margin:0;
}

#main ul li dl.teacher dd dl dt{
float:left;
clear:left;
margin:0;
}

#main ul li dl.teacher dd dl dt img{ vertical-align:baseline; }

#main ul li dl.teacher dd dl dd{
padding:0 0 0.3em 53px;
margin:0 0 0.3em;
}


/* photo */
#main ul.photo{ /* clearfix */
margin:1.5em 0;
padding:0;
}

#main ul.photo li{
float:left;
margin:0 12px 12px 0;
padding:0;
background:none;
}

#main ul.photo li.edge{
margin:0 0 12px;
}

/* note */
#main ul.note{
margin:0 0 1.2em;
}

#main ul.note li{
color:#e71e1e;
font-size:85%;
text-indent:-1em;
padding:0 0 0 1em;
margin:0;
background:none;
}

/* point */
#main ul.point{
margin:0;
padding:0;
background:none;
}

#main ul.point li{
margin:0 0 0.6em;
padding:0.5em 0 0.4em 37px;
}

#main ul.point li.point01,#main ul.point li.point01 span{ background:url(/common/img/point01.gif) no-repeat left top; }
#main ul.point li.point02,#main ul.point li.point02 span{ background:url(/common/img/point02.gif) no-repeat left top; }
#main ul.point li.point03,#main ul.point li.point03 span{ background:url(/common/img/point03.gif) no-repeat left top; }
#main ul.point li.point04,#main ul.point li.point04 span{ background:url(/common/img/point004.gif) no-repeat left top; }
#main ul.point li.point05,#main ul.point li.point05 span{ background:url(/common/img/point05.gif) no-repeat left top; }

#main ul.point li.wrap{
padding:0 0 0.6em;
background:url(/common/img/dotted.gif) repeat-x bottom left;
}

#main ul.point li span.inner{
display:block;
height:25px;
padding:0.6em 0 0 37px;
}

#main ul.point li > span.inner{
height:auto;
min-height:25px;
}

/* spirit */
#main ul.spirit{
margin:1.5em 0;
padding:0.6em 0 0;
background:url(/common/img/dotted.gif) repeat-x top left;
}

#main ul.spirit li{
margin:0 0 0.5em ;
padding:0 10px 0.6em 2.4em;
text-indent:-1.3em;
background:url(/common/img/dotted.gif) repeat-x bottom left;
}

#main ul.spirit > li{ text-indent:-1.4em; }

#main ul.spirit li .spiritNum{ color:#ee5277; }


/* dl */
#main dl{ margin:1.2em 0; }

#main dl dt{ margin:0 0 0.5em; font-weight:bold; }

#main dl dd{ margin:0 0 1em; }

#main dl.note{ /* clearfix */
font-size:85%;
color:#e71e1e;
margin:-0.5em 0 1em;
padding:0;
}

#main dl.note dt{
float:left;
margin:0;
padding:0;
font-weight:normal;
}

#main dl.note dd{
margin:0;
padding:0 0 0 2em;
}

#main dl.note dd ul{
margin:0;
}

#main dl.note dd ul li{
list-style-type:none;
background:none;
padding:0 0 0 1.45em;
text-indent:-1.45em;
}

/* list */
#main dl.list{
margin:1.2em 0;
}

#main dl.list dt{
color:#ee5277;
font-weight:bold;
margin:0 0 0.5em;
}

#main dl.list dd{
margin:0 0 1.8em;
}

#main dl.list dd ul.mass{
margin-top:0;
}

/* question */
#main dl.question{
margin:1.5em 0;
}

#main dl.question dt{
color:#ee5277;
font-size:125%;
font-weight:bold;
margin:1em 0;
padding:0;
background:url(/common/img/other_ttl_bottom.gif) no-repeat left bottom;
}

#main dl.question dt span.inner{
display:block;
line-height:1.4;
text-indent:-30px;
padding:0.7em 15px 0.7em 45px;
background:url(/common/img/other_ttl_head.gif) no-repeat left top;
}

#main dl.question .icon{
vertical-align:middle;
margin:0 8px 0 0;
}

#main > dl.question .icon{ vertical-align:bottom; }
*:first-child+html #main dl.question .icon{ vertical-align:middle; }

#main dl.question dd{ /* cleardix */
margin:0 0 2.5em;
padding:0 0 65px;
background:#fbf1da url(/common/img/kaori_voice_bg_radius.gif) no-repeat bottom left;
}

#main dl.question dd p{
margin:0;
padding:0 15px;
}

#main dl.question dd p.partsRight{
padding:0 15px 0 0 ;
}

#main dl.question dd em{
color:#ee5277;
display:block;
text-indent:-30px;
padding:1em 0 0 45px;
margin:0 -15px 0.5em;
background:url(/common/img/kaori_voice_bg_head.gif) no-repeat top left;
}

/* news */
#main dl.news{ /* clearfix */
margin:1.2em 0;
padding:0;
}

#main dl.news dt{
float:left;
font-weight:bold;
font-family:"Courier New";
letter-spacing:0.05em;
clear:left;
font-weight:bold;
margin:0;
padding:0.6em 0 0.45em 10px;
}

#main dl.news > dt{ padding:0.5em 0 0.45em 10px; }

#main dl.news dt img{
vertical-align:middle;
margin:0 0 0 12px;
padding:0.2em 0;
}

#main dl.news dt > img{ padding:0; }

#main dl.news dd{
margin:0;
padding:0.6em 10px 0.45em 13em;
border-bottom:1px solid #ccc;
}

#main dl.news > dd{ padding:0.5em 10px 0.45em 13em; }

#main dl.news dd a:link,
#main dl.news dd a:visited,
#main dl.news dd a:hover,
#main dl.news dd a:active{
display:inline-block;
color:#83795c;
text-decoration:none;
}

#main dl.news dd a span.anchorIn{ text-decoration:none; }

#main dl.news dd.hover a,
#main dl.news dd.hover a span.anchorIn{ text-decoration:underline; }

#main dl.news dd > a{ display:inline; }

#main dl.news dd a .externalIcon{
margin:0 0 0 5px;
padding:0.45em 0 0.45em;
vertical-align:middle;
}

#main dl.news dd a > .externalIcon{ padding:0; }

#main dl.news dt.even,
#main dl.news dd.even{
background:#f4f3f1;
}

#contents #main dl.news dt.hover,
#contents #main dl.news dd.hover{
background:#fff5f8;
cursor:pointer;
}

#main ul.pagenation{ /* clearfix */
position:relative;
margin:3em auto 1.5em;
padding:0;
text-align:center;
}

#main ul.pagenation li{
background:none;
display:inline;
margin:0;
padding:0;
text-align:center;
font-family:Arial;
width:400px;
line-height:1;
}

#main ul.pagenation li a{
display:block;
text-decoration:none;
line-height:1;
}

#main ul.pagenation li a:hover{
background:#f4f3f1;
}

#main ul.pagenation li a:link,
#main ul.pagenation li a:visited{
color:#f37095;
}

#main ul.pagenation li a:hover,
#main ul.pagenation li a:active{
color:#ee5277;
}

#main ul.pagenation li#prev{
position:absolute;
top:0;
left:0;
width:7em;
}

#main ul.pagenation li#prev a{
padding:0.4em 5px 0.4em 15px;
border:1px solid #dad8d2;
background:url(/common/img/arrow_prev.gif) no-repeat 7px 50%;
}

#main ul.pagenation li#prev > a{ padding:0.4em 5px 0.45em 15px; }

#main ul.pagenation li#prev a:hover{
background:#f4f3f1 url(/common/img/arrow_prev_on.gif) no-repeat 7px 50%;
}

#main ul.pagenation li#next{
position:absolute;
top:0;
right:0;
width:7em;
}

#main ul.pagenation li#next a{
padding:0.4em 15px 0.4em 5px;
border:1px solid #dad8d2;
background:url(/common/img/arrow.gif) no-repeat 90% 50%;
}

#main ul.pagenation li#next > a{ padding:0.4em 15px 0.45em 5px; }

#main ul.pagenation li#next a:hover{
background:#f4f3f1 url(/common/img/arrow_on.gif) no-repeat 90% 50%;
}

#main ul.pagenation li ol{
padding:0 100px;
}

#main ul.pagenation li ol li{
margin:0 1px;
}

#main ul.pagenation li ol li a{
display:inline-block;
padding:0.4em 5px;
border:1px solid #dad8d2;
}

#main ul.pagenation li ol li > a{ padding:0.4em 5px 0.45em; }

#main ul.pagenation li ol li span{
display:inline-block;
color:#fff;
padding:0.4em 5px;
background:#f37095;
border:1px solid #f37095;
}

#main ul.pagenation li ol li > span{ padding:0.4em 5px 0.45em; }


#main ul.pagenav{
position:relative;
margin:4em 0 1.5em;
padding:0;
text-align:center;
display:block;
width:600px;
}

#main ul.pagenav li{
margin:0;
padding:0;
background:none;
line-height:1;
}

#main ul.pagenav li a{
display:inline-block;
text-decoration:none;
line-height:1;
border:1px solid #dad8d2;
padding:0.5em 10px;
position:relative;
z-index:7;
}

#main ul.pagenav li a{ display:block; }

#main ul.pagenav li > a{ padding:0.5em 10px 0.55em; }

#main ul.pagenav li a:link,
#main ul.pagenav li a:visited{
color:#f37095;
}

#main ul.pagenav li a:hover,
#main ul.pagenav li a:active{
color:#ee5277;
background:#f4f3f1;
}

#main ul.pagenav li#prev{
position:absolute;
display:inline;
top:0;
left:0;
padding:0;
z-index:8;
}

#main ul.pagenav li#prev a{
display:inline-block;
padding:0.5em 5px 0.5em 17px;
border:1px solid #dad8d2;
background:#fff url(/common/img/arrow_prev.gif) no-repeat 7px 50%;
}

#main ul.pagenav li#prev > a{ padding:0.5em 5px 0.55em 17px; }

#main ul.pagenav li#prev a:hover{
background:#f4f3f1 url(/common/img/arrow_prev_on.gif) no-repeat 7px 50%;
}

#main ul.pagenav li#next{
position:absolute;
display:inline;
top:0;
right:0;
padding:0;
z-index:9;
}

#main ul.pagenav li#next a{
display:inline-block;
padding:0.5em 17px 0.5em 7px;
border:1px solid #dad8d2;
background:#fff url(/common/img/arrow.gif) no-repeat 92% 50%;
}

#main ul.pagenav li#next > a{ padding:0.5em 17px 0.55em 7px; }

#main ul.pagenav li#next a:hover{
background:#f4f3f1 url(/common/img/arrow_on.gif) no-repeat 92% 50%;
}

/* browser */
#main ul.browser{ /* clearfix */
border:0;
padding:0 10px;
margin:2em 0 1em;
}

#main ul.browser li{
float:left;
width:285px;
margin:0 10px 2em 0;
padding:0;
background:none;
border:0;
}

#main ul.browser li:nth-child(even){ margin:0 0 2em; }
#main ul.browser li.even{ margin:0 0 2em; }

#main ul.browser li dl{ /* clearfix */
margin:0;
padding:0;
}

#main ul.browser li dl dt{
float:left;
margin:0;
}

#main ul.browser li dl dd{
margin:0;
padding:0.3em 0 0 60px;
}

#main ul.browser li dl dd a{
padding:0 0 0 15px;
background:url(/common/img/arrow.gif) no-repeat 3px 0.55em;
}



/* テーブル
----------------------------------------------------------------*/
#main table{
width:100%;
margin:1em 0 1.2em;
border-collapse:separate;
border:1px solid #dad8d2;
}

#main table caption{
font-weight:bold;
color:#ee5277;
text-align:left;
margin:0 0 0.3em;
padding:0 0 0 10px;
background:url(/common/img/icon_cap.gif) no-repeat left center;
}

#main table thead th{
text-align:center;
background:#fbf1da;
}

#main table th{
white-space:nowrap;
text-align:left;
padding:0.5em 10px;
background:#f3f2f0;
border:1px solid #dad8d2;
}

#main table td{
padding:0.5em 10px;
border:1px solid #dad8d2;
}

#main table col{
text-align:center;
}

#main table td ul,
#main table td ol,
#main table td ol.numList{
margin:0.3em 0 0;
}

#main table td ul li,
#main table td ol li
#main table td ol.numList li{
margin:0 0 0.3em;
}

#main li table,
#main .box table{
width:auto;
}

#main table td dl{ margin:0; padding:0; }

#main table td dl dt{
font-weight:bold;
margin:0 0 0.3em;
padding:0;
}

#main table td dl dt.partsLeft,#main table td dl dt.partsRight{ margin-bottom:0; }

#main table td dl dd{ margin:0; padding:0; }

#main table td dl dd ol,
#main table td dl dd ol li{
margin:0;
}

#main table .numerical{ text-align:right; }
#main table .empty{ text-align:center; }

#main table.schedule th,
#main table.schedule td{
text-align:center;
}

#main table th.title{ width:13em; }
#main table th.person{ width:7em; }

#main table th.access{ width:15em; }

#main table td.nowrap{
white-space:nowrap;
}

/* 入試スケジュール */
#main table#admissionSchedule th,
#main table#admissionSchedule td{
padding:0.5em 7px;
}


/* club */
#main table.club{
table-layout:fixed;
}

#main table.club tbody th{
text-align:center;
background:#fbf1da;
}

/* cell大きさ揃え */
#main table .division{ width:15em; }
#main table.link th{ width:12em; }

#main table td.content{
vertical-align:top;
text-align:left;
padding:0.5em 7px;
}

/* campusmap */
#main table.campusmap{ table-layout:fixed; }
#main table.campusmap thead th{ background:#f3f2f0; }
#main table.campusmap tbody td{ vertical-align:top; }


/* ボックス
----------------------------------------------------------------*/
.box{ /* clearfix */
margin:1em 0 1.2em;
}

body #contents #main .box *{ margin-top:0; }

/* section */
#main .section{
margin:1.5em 0;
padding:0;
border:1px solid #cdc8b9;
}

#main .section div.inner{ /* clearfix */
padding:3px;
border:3px solid #f3f2f0;
}

body #contents #main .section h3,
body #contents #main .section h4{
font-size:117%;
color:#ee5277;
font-weight:bold;
padding:5px;
margin:1.8em 0 0.8em;
background:#f3f2f0;
border:0;
clear:both;
}

#main .section h3 span.inner,
#main .section h4 span.inner{
display:block;
padding:0 0 0 5px;
border-left:5px solid #ec6c91;
}

#main .section h3 span.inner a,
#main .section h4 span.inner a{
color:#ee5277;
}

#main .section h3 span.inner a:hover,
#main .section h4 span.inner a:hover{
color:#fa295b;
}

#main .section h5{
margin:0 10px 0.7em;
}

#main .section dl{ /* clearfix */
padding:0 10px;
margin:0;
}

#main .section dl dt{
font-weight:bold;
padding:0;
margin:0 0 0.3em;
}

#main .section dl dd{
padding:0;
margin:0 0 0.7em;
}

#main .section p,
#main .section ul,
#main .section ol{
margin:0 10px 0.7em;
}

#main .section p.detail{
text-align:right;
border:0;
}

#main .important{
margin:1.5em 0;
padding:0;
border:1px solid #f8a9bf;
}

#main .important div.inner{
padding:3px;
border:3px solid #fde5ec;
}

body #contents #main .important h3{
font-size:117%;
color:#ee5277;
font-weight:bold;
padding:5px;
margin:0 0 0.8em;
background:#fde5ec;
border:0;
clear:both;
}

#main .important h3 span{
display:block;
padding:0 0 0 5px;
border-left:5px solid #ec6c91;
}

#main .important h3 span a{
color:#ee5277;
}

#main .important h3 span a:hover{
color:#fa295b;
}

#main .important p{
margin:0 10px 0.7em;
}

#main .important p.detail{
text-align:right;
border:0;
}


/* mark */
#main .section dl.mark{
margin:0 10px 1.5em;
padding:1em 15px;
background:#fefaf2;
}

#main .section dl.mark dt{
font-size:117%;
margin:0 0 0.7em;
}

body #contents #main .section dl.mark dd h4{
color:#83795c;
font-size:100%;
margin:0 0 0.3em;
padding:0;
background:0;
}

#main .section dl.mark dd p{
margin:0;
}

/* policy */
#main .section dl.policy{
padding:0;
}

#main > .section dl.policy{ padding:0 0 0 185px; }
*:first-child+html #main .section dl.policy{ padding:0; }

#main .section dl.policy dt{
font-size:117%;
margin:0 0 0.7em;
}

#main .section dl.policy dd ul{
margin:0 3px 0.7em;
}

/* catch */
#main .catch{
margin:0 0 -3em;
padding:0;
}

#main > .catch{ margin:0 0 -2.5em; }

#main .catch p.partsLeft{
margin:0;
}


/* point */
#main .point{
padding:0 0 1em;
background:url(/common/img/dotted.gif) repeat-x left bottom;
}

#main .point dt{
margin:0 0 0.2em;
padding:0;
}

#main .point dd{
margin:0;
padding:0;
}

#main .point dt.partsLeft{
margin:0 10px 0 0;
padding:0;
}

/* voice */
#main .voice{ margin-bottom:2em; }

#main .voice h2,
#main .voice h3{
margin:0;
padding:18px 0 25px 48px;
font-size:80%;
line-height:1;
background:#fbf1da url(/common/img/box_head.gif) no-repeat top left;
}

#main .voice dl{ /* clearfix */
margin:0;
padding:0 20px 20px;
background:#fbf1da;
}

#main .voice dl dt{
font-weight:bold;
margin:0 0 0.5em;
}

#main .voice dl dt strong{
font-weight:bold;
font-size:113%;
}

#main .voice dl dt em{
color:#ee5277;
font-size:113%;
}

#main .voice dl dt.partsLeft{ margin:0 15px 0 0; }

#main .voice dl dd{
padding:0;
margin:0;
}

/* introduce */
#main div.introduce,
#main dl.introduce{
padding:10px 10px 0;
background:#fefaf2;
}

#main div.introduce h3{ margin:0 0 0.5em; }
#main div.introduce h4{
margin:0 0 0.5em;
padding:0;
border:0;
}

#main dl.introduce dt{
font-weight:bold;
margin:0 0 10px;
}

#main dl.introduce dd{
margin:0 0 10px;
padding:0;
}

/* end */
#main .end{
color:#e71e1e;
padding:15px 15px 0;
border:1px solid #e71e1e;
}

#main .end strong{ font-size:117%; }


/* calendar */
#main .calendar{
border:2px solid #eae8e3;
border-top:0;
position:relative;
padding:65px 0 0;
}

#main > .calendar{
position:static;
padding:0;
}

#main .calendar h3{
background:transparent;
padding:0;
margin:0 0 1.2em 0;
position:absolute;
top:0;
left:-2px;
}

#main > .calendar h3{
margin:0 0 1.2em -2px;
position:static;
}

#main .calendar table{
border-collapse:collapse;
border:0;
border-left:2px solid #fff;
border-right:2px solid #fff;
margin:0;
}

#main .calendar table tr th{
width:50px;
padding:1.5em 10px 1.6em;
border:0;
vertical-align:top;
background:transparent url(/common/img/dotted_light.gif) repeat-x bottom left;
}

#main .calendar table tr td{
width:50%;
padding:1.5em 10px 1.6em 5px;
border:0;
vertical-align:top;
background:transparent url(/common/img/dotted_light.gif) repeat-x bottom left;
}

#main .calendar table tr.bottom th,
#main .calendar table tr.bottom td{
background:none;
}

#main .calendar table tr th.grade{
background:#fbf4f6;
padding:0.3em 15px;
}


/* lead */
#main .lead{
position:relative;
overflow:hidden;
width:600px;
height:240px;
margin:2em 0 1.2em;
}

#main .lead h2{
position:relative;
background:0;
margin:0;
padding:0;
}

#main .lead p{
position:relative;
margin:0 0 15px;
padding:0;
}

#main .lead p.partsLeft{
float:none;
position:absolute;
}

#contents #main .lead p.partsRight{
float:none;
position:absolute;
margin:0;
}


#main div.campuslife{ background:url(/campuslife/img/lead_bg.gif) no-repeat left 121px; }
#main > div.campuslife{ background:url(/campuslife/img/lead_bg.gif) no-repeat bottom left; }
#main div.campuslife h2{ top:0; left:224px; }
#main div.campuslife p{ top:0; left:224px; }
#main div.campuslife p.partsLeft{ top:0; left:0; }

#main div.subject{ background:url(/department/img/lead_bg.gif) no-repeat left 151px; }
#main > div.subject{ background:url(/department/img/lead_bg.gif) no-repeat bottom left; }
*:first-child+html #main div.subject{ background:url(/department/img/lead_bg.gif) no-repeat left 151px; }
#main div.subject h2{ top:0; left:204px; }
#main div.subject p{ top:0; left:204px; }
#main div.subject p.partsLeft{ top:0; left:0; }
#main div.subject p.partsRight{ top:132px; left:492px; }


/* item */
#main .item{
margin:2em 0 1.2em;
background:#f3f2f0;
}

#main .item h3{
background:none;
padding:0;
margin:0 0 1em;
}

#main .item dl{ /* clearfix */
padding:0 20px 0;
margin:0;
}

#main > .item dl{ padding:0 20px 10px; }

#main .item dl dt{
margin:0 0 0.5em;
color:#ee5277;
}

/* aside */
#main .aside{
padding:1.2em 20px 0;
background:#f3f2f0;
}

#main .aside .externalbeforeIcon{
margin:0 5px 0 0;
}

/* pickup */
#main .pickup h3{
background:none;
margin:0 0 0.5em;
padding:0 0 0 5px;
border-left:5px solid #ec6c91;
color:#ee5277;
}

/* spirit */
#main div.spirit{
padding:0 0 10px;
background:url(/common/img/spirit_box_bg.gif) no-repeat bottom left;
}

#main div.spirit h2{
margin:0;
padding:0;
text-align:center;
background:none;
}

#main div.spirit h3{
padding:0;
text-align:center;
background:none;
margin:0 0 10px;
}

#main div.spirit p{
text-align:center;
background:none;
margin:0 0 30px;
}

#main div.spirit dl{ /* clearfix */
width:515px;
margin:0 auto 10px;
padding:0;
}

#main div.spirit dl dt{
float:left;
margin:0 5px 6px 0;
padding:0;
display:inline;
clear:left;
}

#main div.spirit dl > dt{ margin:0 10px 6px 0; }

#main div.spirit dl dd{
margin:0 0 6px;
padding:0;
line-height:1;
height:64px;
}

#main div.spirit dl dt img,#main div.spirit dl dd img{ vertical-align:middle; }

/* club */
#main dl.club{
margin:1.2em 0 2em;
}

#contents #main dl.club dt.partsLeft{
position:static;
width:180px;
height:auto;
margin:0;
padding:0;
}

#main dl.club dt{
float:right;
position:relative;
width:400px;
height:90px;
margin:0 0 1.2em;
padding:0;
background:url(/campuslife/img/club_picup_ttl_bg.gif) no-repeat top right;
}

#main dl.club dt img{
position:relative;
top:12px;
left:20px;
line-height:1;
vertical-align:top;
}

#main dl.club dt em{
display:block;
padding:8px 0;
}

#main dl.club dt.partsLeft img{ margin:0; padding:0; position:static; }

#main dl.club dd{
float:right;
width:390px;
margin:0 0 1.2em;
padding:0 5px;
}

#main dl.club dd.item{
float:right;
width:400px;
padding:0;
margin:0;
background:none;
}

#main dl.club dd.item h4{
border:0;
padding:0;
margin:0;
}

#main dl.club dd.item dl{ /* clearfix */
margin:0;
padding:15px 12px 0;
background:#f3f2f0;
}

#main dl.club dd.item dl dt{
background:none;
float:none;
font-size:117%;
width:auto;
height:auto;
margin:0 0 0.7em;
padding:0;
}

#contents #main dl.club dd.item dl dt.partsLeft{
width:auto;
margin:0 0 1.2em;
}

#main dl.club dd.item dl dd{
float:none;
width:auto;
margin:0 0 1.5em;
padding:0 0 0 120px;
}

#main div.attention{
border:1px solid #e71e1e;
padding:1em 15px 0;
margin:1.2em 0 1.5em;
}

#main div.attention p{
padding:0 0 0 1em;
text-indent:-1em;
color:#e71e1e;
}

/* note */
#main div.note{
margin:0 0 2em;
padding:1em 15px 0;
border:1px solid #e71e1e;
}

#main div.note p{
color:#e71e1e;
margin:0 0 1em;
}


/*---------------------------------------------------------------
 タブコンテンツ
----------------------------------------------------------------*/
#main ul.tabNav{ /* clearfix */
height:50px;
padding:0 6px;
margin:1.2em 0;
background:url(/common/img/tab_nav_bg.gif) repeat-x bottom left;
}

#main ul.tabNav li{
float:left;
height:50px;
padding:0;
margin:0 2px;
display:inline;
}

#main ul.tabNav li a{ display:block; outline:0; }
#main ul.tabNav li a:hover,#main ul.tabNav li a.active{ background: transparent; }
#main ul.tabNav li a:hover img,#main ul.tabNav li a.active img{ visibility:hidden; }

#main ul.tabNav li#grade1Nav{ background:url(/campuslife/img/tab_nav_child_grade1_on.gif) no-repeat top left; }
#main ul.tabNav li#grade2Nav{ background:url(/campuslife/img/tab_nav_child_grade2_on.gif) no-repeat top left; }
#main ul.tabNav li#curriGrade1Nav{ background:url(/department/img/tab_nav_grade1_on.gif) no-repeat top left; }
#main ul.tabNav li#curriGrade2Nav{ background:url(/department/img/tab_nav_grade2_on.gif) no-repeat top left; }

#main ul.tabNav li#firstTab{ background:url(/admissions/img/tab_nav_rec_prev_on.gif) no-repeat top left; }
#main ul.tabNav li#latterTab{ background:url(/admissions/img/tab_nav_rec_next_on.gif) no-repeat top left; }

/* from */
#main ul#from{
position:relative;
width:600px;
height:367px;
padding:0;
margin:1.5em 0 3em;
background:url(/admissions/img/from_tab_nav_bg.gif) no-repeat 40px 0;
}

#main ul#from li{
position:absolute;
display:block;
float:none;
margin:0;
}

#main ul#from li#navHokkaido{
top:0;
right:3px;
width:131px;
height:94px;
background:url(/admissions/img/from_tab_nav_hokkaido_on.gif) no-repeat top left;
}

#main ul#from li#navTohoku{
top:94px;
right:34px;
width:100px;
height:110px;
background:url(/admissions/img/from_tab_nav_tohoku_on.gif) no-repeat top left;
}

#main ul#from li#navKanto{
top:207px;
right:34px;
width:100px;
height:100px;
background:url(/admissions/img/from_tab_nav_kanto_on.gif) no-repeat top left;
}

#main ul#from li#navShinetsu{
top:164px;
right:137px;
width:120px;
height:70px;
background:url(/admissions/img/from_tab_nav_shinetsu_on.gif) no-repeat top left;
}

#main ul#from li#navTokai{
top:237px;
right:137px;
width:120px;
height:70px;
background:url(/admissions/img/from_tab_nav_tokai1_on.gif) no-repeat top left;
}

#main ul#from li#navKinki{
top:198px;
left:240px;
width:100px;
height:110px;
background:url(/admissions/img/from_tab_nav_kinki_on.gif) no-repeat top left;
}

#main ul#from li#navChugoku{
top:198px;
left:117px;
width:120px;
height:60px;
background:url(/admissions/img/from_tab_nav_chugoku_on.gif) no-repeat top left;
}

#main ul#from li#navShikoku{
top:261px;
left:117px;
width:120px;
height:60px;
background:url(/admissions/img/from_tab_nav_shikoku_on.gif) no-repeat top left;
}

#main ul#from li#navKyusyu{
top:227px;
left:4px;
width:110px;
height:121px;
background:url(/admissions/img/from_tab_nav_kyusyu_on.gif) no-repeat top left;
}

#main ul#from li#navOther{
bottom:0;
right:34px;
width:100px;
height:40px;
background:url(/admissions/img/from_tab_nav_other_on.gif) no-repeat top left;
}


/*---------------------------------------------------------------
 交通アクセス
----------------------------------------------------------------*/
#main ul li#kishibe{ background:url(/access/img/nav_kishibe_on.gif) no-repeat top left; }
#main ul li#syojaku{ background:url(/access/img/nav_syojaku_on.gif) no-repeat top left; }

#main p img.point{
margin:0 5px 0 3px;
padding:0;
vertical-align:middle;
background:none;
}

#main p > img.point{
margin:0 5px;
vertical-align:bottom;
}

#main .map{
position:relative;
width:600px;
height:450px;
margin:0 0 3em;
padding:0;
}

#main .map p{
margin:0;
padding:0;
}

#main .map ol{
position:absolute;
top:0;
left:0;
width:600px;
height:450px;
margin:0;
padding:0;
}

#main .map ol li{
position:absolute;
width:12px;
height:24px;
margin:0;
padding:0;
list-style-type:none;
cursor:pointer;
background:url(/access/img/map_point.gif) no-repeat 0 0;
}

#main .map ol li img{
position:absolute;
display:none;
z-index:200;
}

#main #kishibeMap ol{ background:url(/access/img/map_route_kishibe.gif) no-repeat 49px 119px; }

#main #kishibeMap ol li.point01{ top:115px; left:50px; z-index:200; }
#main #kishibeMap ol li.point01 img{ top:-110px; left:15px; }
#main #kishibeMap ol li.point02{ top:118px; left:95px; z-index:190; }
#main #kishibeMap ol li.point02 img{ top:-105px; left:15px; }
#main #kishibeMap ol li.point03{ top:203px; left:101px; }
#main #kishibeMap ol li.point03 img{ top:30px; left:-93px; }
#main #kishibeMap ol li.point04{ top:208px; left:206px; }
#main #kishibeMap ol li.point04 img{ top:-215px; left:-69px; }
#main #kishibeMap ol li.point05{ top:266px; left:210px; }
#main #kishibeMap ol li.point05 img{ top:-14px; right:15px; }
#main #kishibeMap ol li.point06{ top:259px; left:232px; }
#main #kishibeMap ol li.point06 img{ bottom:25px; left:-9px; }
#main #kishibeMap ol li.point07{ top:280px; left:243px; }
#main #kishibeMap ol li.point07 img{ bottom:25px; left:7px; }
#main #kishibeMap ol li.point08{ top:275px; left:272px; }
#main #kishibeMap ol li.point08 img{ top:-20px; right:18px; }
#main #kishibeMap ol li.point09{ top:328px; left:275px; }
#main #kishibeMap ol li.point09 img{ bottom:15px; left:15px; }
#main #kishibeMap ol li.point10{ top:328px; left:397px; }
#main #kishibeMap ol li.point10 img{ bottom:25px; left:-53px; }
#main #kishibeMap ol li.point11{ top:328px; left:460px; }
#main #kishibeMap ol li.point11 img{ bottom:27px; left:-43px; }

#main #syojakuMap ol{ background:url(/access/img/map_route_syojaku.gif) no-repeat 243px 284px; }

#main #syojakuMap ol li.point01{ top:280px; left:242px; }
#main #syojakuMap ol li.point01 img{ bottom:25px; left:7px; }
#main #syojakuMap ol li.point02{ top:275px; left:272px; }
#main #syojakuMap ol li.point02 img{ top:-20px; right:18px; }
#main #syojakuMap ol li.point03{ top:328px; left:275px; }
#main #syojakuMap ol li.point03 img{ bottom:15px; left:15px; }
#main #syojakuMap ol li.point04{ top:328px; left:397px; }
#main #syojakuMap ol li.point04 img{ bottom:25px; left:-53px; }
#main #syojakuMap ol li.point05{ top:328px; left:460px; }
#main #syojakuMap ol li.point05 img{ bottom:27px; left:-43px; }



/*---------------------------------------------------------------
 サイトマップ
----------------------------------------------------------------*/
#main #sitemap h2{
margin:0 0 1.1em;
}

#main #sitemap h2 a{
display:block;
color:#ee5277;
text-decoration:none;
padding:0 0 0 20px;
background:url(/common/img/arrow_big.gif) no-repeat 0 center;
}

#main #sitemap h2 a:hover{
color:#fa295b;
text-decoration:underline;
background:url(/common/img/arrow_big_on.gif) no-repeat 0 center;
}

#main #sitemap .box{
margin:0 0 1.5em;
background:url(/common/img/h2_bottom.gif) no-repeat bottom left;
}

#main #sitemap .box h3{
padding-top:9px;
margin:0 0 0.7em;
background:url(/common/img/h2_head.gif) no-repeat top left;
}

#main #sitemap .box h3 a{
display:block;
color:#ee5277;
text-decoration:none;
padding:0.3em 10px 0.3em 25px;
background:#f3f2f0 url(/common/img/arrow_big.gif) no-repeat 5px center;
}

#main #sitemap .box h3 a:hover{
color:#fa295b;
background:#fdf4e1 url(/common/img/arrow_big_on.gif) no-repeat 5px center;
}

#main #sitemap .box ul{ /* clearfix */
margin:0 0 1.2em;
padding:0 9px;
}

#main #sitemap .box ul li{
float:left;
width:275px;
padding:0 15px 0 0;
margin:0 0 0.3em;
background:none;
}

#main #sitemap .box ul li a{
display:block;
padding:0 0 0 20px;
background:url(/common/img/arrow.gif) no-repeat 10px 0.55em;
}

#main #sitemap .box dl{
margin:0;
padding:0;
}

#main #sitemap .box dl dt{
margin:0 18px 0.5em;
padding:0 2px 0.3em;
background:url(/common/img/dotted.gif) repeat-x bottom left;
}

#main #sitemap .box h3{ color:#ee5277; }
#main #sitemap .box h3 span.mark{
display:block;
padding:0.3em 10px 0.3em 25px;
background:#f3f2f0 url(/common/img/arrow_big_open.gif) no-repeat 5px center;
}


/*---------------------------------------------------------------
 ターゲット別ページ
----------------------------------------------------------------*/

#main ul.targetNav{ /* clearfix */
height:50px;
padding:0 6px;
margin:1.2em 0;
background:url(/common/img/tab_nav_bg.gif) repeat-x bottom left;
}

#main ul.targetNav li{
float:left;
padding:0;
margin:0 2px;
display:inline;
background:none;
line-height:1;
}

#main ul.targetNav li img{ vertical-align:bottom; }

#main #targetNews{
margin:2em 0 3em;
}

#main #targetNews h2{
color:#fff;
font-weight:bold;
font-size:117%;
line-height:1.4;
padding:0.4em 8px 0.3em;
margin:1.3em 0;
background:#ec6c91;
}

#main #targetNews dl.news{ margin:0 0 0.5em; }
#main #targetNews dl.news dd{ margin:0; }

#main #targetNews p.button{
text-align:right;
margin:0;
}

/* search result */
div#cse-search-results iframe{ width:100% !important; }

/*---------------------------------------------------------------
 clearfix
----------------------------------------------------------------*/
#main ul.index:after,
#main ul.index li dl:after,
#main dl.index dd ul:after,
#main ul.mass:after,
#main ul.photo:after,
#main ul.introduce li dl:after,
#main ul li dl.teacher dd dl:after,
#main ul.explanation:after,
.section dl:after,
#main dl.news:after,
#main ul.pagenation:after,
#main ul.tabNav:after,
#main ul.browser:after,
#main ul.browser li dl:after,
#main dl.question dd:after,
#main .item dl:after,
#main .section .inner:after,
.voice dl:after,
#main div.spirit dl:after,
#main #sitemap .box ul:after,
#main ul.targetNav:after,
#main dl.note:after,
.box:after{
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#main ul.index,
#main ul.index li dl,
#main dl.index dd ul,
#main ul.mass,
#main ul.photo,
#main ul.introduce li dl,
#main ul li dl.teacher dd dl,
#main ul.explanation,
.section dl,
#main dl.news,
#main ul.pagenation,
#main ul.tabNav,
#main ul.browser,
#main ul.browser li dl,
#main dl.question dd,
#main .item dl,
#main .section .inner,
.voice dl,
#main div.spirit dl,
#main #sitemap .box ul,
#main ul.targetNav,
#main dl.note,
.box{
display:inline-block;
}

#main ul.index,
#main ul.index li dl,
#main dl.index dd ul,
#main ul.mass,
#main ul.photo,
#main ul.introduce li dl,
#main ul li dl.teacher dd dl,
#main ul.explanation,
.section dl,
#main dl.news,
#main ul.pagenation,
#main ul.tabNav,
#main ul.browser,
#main ul.browser li dl,
#main dl.question dd,
#main .item dl,
#main .section .inner,
.voice dl,
#main div.spirit dl,
#main #sitemap .box ul,
#main ul.targetNav,
#main dl.note,
.box{
display:block;
}


}