@charset "utf-8";
@import "briefing.css";
/*----------------------------------
Style Setting
Index
1 : Basic Setting
1-1 : Universal Selector
1-2 :
1-3 :
1-4 : ![]()
1-5 : margin
1-6 : Text align
1-7 : Clear Fix
2 : Layout Setting
2-1 : div#All
2-2 : div#Link
2-3 : div#Logo
2-4 : div#Flash
2-5 : div#Gnavi
2-6 : div#Gnavi_sub
2-7 : div#SearchBox
2-8 : div#Topics
2-9 : div#Special
2-10 : div#Main
2-11 : div#Knowledge
2-12 : div#Search
2-13 : div#Interest
2-14 : div#Sub
2-15 : div#Selection
2-16 : div#Footer
3 : Second Layout Setting
3-1 : div#Pan
3-2 : div#SCBox
4 : List Layout Setting
4-1 : div#Box
4-2 : div#pagination
4-3 : table#list
4-4 : table#moresearch
5 : Element Setting
5-1 : Block Level
5-2 : List
5-3 :
5-4 : other
------------------------------------*/
/*==================================
1 : Basic Setting
====================================*/
/*== 1-1 : Universal Selector */
*{
margin:0;
padding:0;
}
/*== 1-2 : */
body{
color:#333;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", "MS UI Gothic", "Arial", "Verdana", "Helvetica", "sans-serif";
line-height:1.5;
_line-height:1.3;
font-size:small;
background-color:#EEE;
}
html[xmlns*=""] body { /* safari */
font-size:13px;
}
/*== 1-3 :
*/
hr{
display:none;
}
/*== 1-4 : ![]()
*/
img{
border:0;
}
img.left{
float:left;
margin:0 1em 0 0;
}
img.right{
float:right;
margin: 0 0 0 1em;
}
/*== 1-5 : margin */
div.margin10{
clear:both;
margin-top:1em;
}
div.margin20{
clear:both;
margin-top:2em;
}
div.margin30{
clear:both;
margin-top:3em;
}
div.margin40{
clear:both;
margin-top:4em;
}
div.margin50{
clear:both;
margin-top:5em;
}
/*== 1-6 : Text align */
.pTxtL {
text-align:left;
}
.pTxtC {
text-align:center;
}
.pTxtR {
text-align:right;
}
/*== 1-7 : Clear Fix */
.clearfix {
content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
/*==================================
2 : Layout Setting
====================================*/
/*== 2-1 : div#All */
div#All{
zoom:1;/*for IE 5.5-7*/
width:990px;
margin:0 auto;
background-image:url(../img/backimg.gif);
background-repeat:repeat-y;
}
div#All:after {
content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
/*== 2-2 : div#Link */
div#Link{
float:right;
width:110px;
}
div#Link ul{
border:0; margin:0; padding:0;
}
div#Link li{
float:left; list-style-type:none; text-indent:-9999px; overflow:hidden;
}
div#Link li a {
display:block; text-decoration:none; height:23px;
background:url(../img/m_sitemap.gif) no-repeat;
}
div#Link li a.m1 {background-position: 0px 0px; width:90px;}
/*== 2-3 : div#Logo */
div#Logo *{
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
margin:2px 0 0 7px;
}
div#Logo h1,div#Logo h2{
width:150px;
}
div#Logo div.seo{
width:430px;
font-size: 11px;
vertical-align:text-bottom;
color:#aaa;
_margin-bottom:5px;
}
/*== 2-4 : div#Flash */
div#Flash{
width:703px;
margin:0;
}
/*== 2-5 : div#Gnavi */
div#Gnavi{
width:951px;
margin:5px 0 0 19px;
}
div#Gnavi ul{
border:0; margin:0; padding:0;
}
div#Gnavi ul:after {
content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#Gnavi li{
float:left; list-style-type:none; text-indent:-9999px;
}
div#Gnavi li a {
display:block; text-decoration:none; height:54px;
background:url(../img/m_global.jpg) no-repeat;
overflow:hidden;
}
div#Gnavi li a.m1 {background-position: 0px -57px; width:139px;}
div#Gnavi li a:hover.m1,
div#Gnavi li a.m1o {background-position: 0px 0px; width:139px;}
div#Gnavi li a.m2 {background-position: -139px -57px; width:135px;}
div#Gnavi li a:hover.m2,
div#Gnavi li a.m2o {background-position: -139px 0px; width:135px;}
div#Gnavi li a.m2g {background-position: -139px -114px; width:135px;}
div#Gnavi li a.m3 {background-position: -274px -57px; width:135px;}
div#Gnavi li a:hover.m3,
div#Gnavi li a.m3o {background-position: -274px 0px; width:135px;}
div#Gnavi li a.m4 {background-position: -409px -57px; width:135px;}
div#Gnavi li a:hover.m4,
div#Gnavi li a.m4o {background-position: -409px 0px; width:135px;}
div#Gnavi li a.m5 {background-position: -544px -57px; width:135px;}
div#Gnavi li a:hover.m5,
div#Gnavi li a.m5o {background-position: -544px 0px; width:135px;}
div#Gnavi li a.m5g {background-position: -544px -114px; width:135px;}
div#Gnavi li a.m6 {background-position: -679px -57px; width:135px;}
div#Gnavi li a:hover.m6,
div#Gnavi li a.m6o {background-position: -679px 0px; width:135px;}
div#Gnavi li a.m7 {background-position: -814px -57px; width:136px;}
div#Gnavi li a:hover.m7,
div#Gnavi li a.m7o {background-position: -814px 0px; width:136px;}
/*== 2-6 : div#Gnavi_sub */
div#Gnavi_sub{
width:950px;
height:35px;
margin:10px 0 0 19px;
background:url(../img/line_1.gif);
background-position:left bottom;
background-repeat:repeat-x;
}
div#Gnavi_sub ul{
border:0; margin:0; padding:5px 0 0 0;
}
div#Gnavi_sub li{
float:left; list-style-type:none; text-indent:-9999px;
}
div#Gnavi_sub li a {
display:block; text-decoration:none; height:15px;
background:url(../img/m_top_sub02.jpg) no-repeat;
overflow:hidden;
}
div#Gnavi_sub li a.m2 {background-position: 0px 0px; width:201px;}
div#Gnavi_sub li a:hover.m2,
div#Gnavi_sub li a.m2o {background-position: 0px -17px; width:201px;}
div#Gnavi_sub li a.m3 {background-position: -201px 0px; width:164px;}
div#Gnavi_sub li a:hover.m3,
div#Gnavi_sub li a.m3o {background-position: -201px -17px; width:164px;}
/*
div#Gnavi_sub li a.m1 {background-position: 0px 0px; width:110px;}
div#Gnavi_sub li a:hover.m1,
div#Gnavi_sub li a.m1o {background-position: 0px -17px; width:110px;}
div#Gnavi_sub li a.m1g {background-position: 0px -34px; width:110px;}
div#Gnavi_sub li a.m2 {background-position: -110px 0px; width:180px;}
div#Gnavi_sub li a:hover.m2,
div#Gnavi_sub li a.m2o {background-position: -110px -17px; width:180px;}
div#Gnavi_sub li a.m3 {background-position: -290px 0px; width:180px;}
div#Gnavi_sub li a:hover.m3,
div#Gnavi_sub li a.m3o {background-position: -290px -17px; width:180px;}
div#Gnavi_sub li a.m4 {background-position: -470px 0px; width:100px;}
div#Gnavi_sub li a:hover.m4,
div#Gnavi_sub li a.m4o {background-position: -470px -17px; width:100px;}
div#Gnavi_sub li a.m4g {background-position: -470px -34px; width:100px;}
*/
/*== 2-7 : div#SearchBox */
div#SearchBox{
width:300px;
float:right;
margin:0;
padding:0;
text-align:right;
}
div#SearchBox input.q{
width:150px;
border:solid 1px #00FFFF;
background-color:#FFFFCC;
font-size:16px;
vertical-align:bottom;
}
div#SearchBox input.submit{
border:solid 1px #00FFFF;
background-color:#f0f0f0;
font-size:13.5px;
margin:0 4px;
}
/*== 2-8 : div#Topics */
div#Topics{
/*idth:468px;*/
width:420px;
float:left;
border:solid 1px #ccc;
/*margin-left:19px;
_margin-left:10px;*/
margin-top:15px;
margin-bottom:15px;
}
div#Topics div.head{
height:46px;
background:url(../img/h2_backimg.jpg);
background-repeat:repeat-x;
}
div#Topics div.head h2{
float:left;
}
div#Topics div.head div.list{
float:right;
margin:10px;
}
div#Topics dl{
clear:both;
width:413px;
margin:2px 5px 5px 5px;
height:220px;
overflow:auto;
}
div#Topics dl dt{
float:left;
/*width:110px;*/
width:60px;
border-top:dotted 1px #ccc;
padding-top:5px;
}
div#Topics dl dd{
float:left;
/*width:335px;*/
/*width:385px;*/
/*width:360px;*/
width:315px;
border-top:dotted 1px #ccc;
padding:5px 0 0 10px;
margin-bottom:5px;
}
div#Topics dl dt.first,
div#Topics dl dd.first{
border:none;
}
div#Topics dl dt div.btn_topic,
div#Topics dl dt div.btn_report,
div#Topics dl dt div.btn_news{
background:url(../img/btn_topics.gif);
background-repeat:no-repeat;
width:48px;
height:15px;
text-indent:-9999px;
float:right;
margin-top:2px;
_margin-top:-16px;
}
div#Topics dl dt div.btn_topic{
background-position:0 -32px;
}
div#Topics dl dt div.btn_news{
background-position:0 -64px;
}
/*== 2-8 : div#Update */
div#Update{
width:259px;
float:left;
border:solid 1px #ccc;
margin:15px 0 15px 20px;
}
div#Update div.head{
height:46px;
background:url(../img/h2_backimg.jpg);
background-repeat:repeat-x;
}
div#Update div.head h2{
float:left;
}
div#Update div.head div.list{
float:right;
margin:10px;
}
div#Update dl.hsUp{
clear:both;
width:251px;
margin:2px 5px 5px 5px;
height:220px;
overflow:auto;
}
div#Update dl.hsUp dt{
float:left;
width:55px;
padding-top:0;
color:#999;
}
div#Update dl.hsUp dt.hsUpnew{
float:left;
width:230px;
padding:5px 0 3px;
margin-bottom:4px;
border-bottom:dotted 1px #ccc;
}
div#Update dl.hsUp dd{
float:left;
width:165px;
padding:0 0 0 10px;
margin-bottom:4px;
}
/*== 2-9 : div#Special */
div#Special{
width:701px;
float:left;
border:solid 1px #ccc;
margin-right:19px;
_margin-right:10px;
margin-bottom:15px;
}
div#Special div.head{
height:46px;
background:url(../img/h2_backimg.jpg);
background-repeat:repeat-x;
}
div#Special div.head h2{
float:left;
}
div#Special div.head div.list{
float:right;
margin:10px;
}
div#Special dl{
clear:both;
width:691px;
margin:5px;
height:220px;
overflow:auto;
}
div#Special dl dt{
float:left;
width:60px;
border-top:dotted 1px #ccc;
padding-top:5px;
}
div#Special dl dd{
float:left;
/*width:385px;*/
width:593px;
border-top:dotted 1px #ccc;
padding:5px 0 0 10px;
margin-bottom:5px;
}
div#Special dl dt.first,
div#Special dl dd.first{
border:none;
}
/*== 2-10 : div#Main */
div#Main{
clear:both;
/*width:720px;*/
width:703px;
float:left;
margin-left:19px;
_margin-left:10px;
margin-top:15px;
}
/*== 2-11 : div#Knowledge */
/*div#Knowledge{
width:710px;
border:solid 1px #ccc;
margin-bottom:20px;
}
div#Knowledge div.head{
height:46px;
background:url(../img/h2_backimg.jpg);
background-repeat:repeat-x;
}
div#Knowledge div.box{
width:325px;
float:left;
padding:15px;
}
div#Knowledge div.box h3{
width:325px;
height:30px;
text-indent:-9999px;
background:url(../img/h3_about_exam.gif);
background-repeat:no-repeat;
}
div#Knowledge div.box h3.ippan{
background-position:-338px 0;
}
div#Knowledge div.box div{
margin:8px;
}
div#Knowledge div.box div ul{
margin-left:110px;
min-height:70px;
_height:70px;
}
div#Knowledge div.box div ul li{
list-style:none;
}
div#Knowledge div.box div.type01{
background-image:url(../img/about_exam_01.jpg);
background-repeat:no-repeat;
}
div#Knowledge div.box div.type02{
background-image:url(../img/about_exam_02.jpg);
background-repeat:no-repeat;
}
div#Knowledge div.calbox01,
div#Knowledge div.calbox02{
width:300px;
float:left;
padding:0;
margin-left:22px;
_margin-left:12px;
border:solid 1px #73C1DB;
}
div#Knowledge div.calbox02{
margin-left:52px;
margin-bottom:20px;
border:solid 1px #73C1DB;
}
div#Knowledge div.cal div.cal_tit{
padding:0.5em 0;
text-align:center;
}
div#Knowledge div.cal table {
margin:0 auto 1em auto;
}
div#Knowledge div.cal table th{
background-color: #C9EDFF;
}
div#Knowledge div.cal table td{
width:26px;
height:26px;
text-align:center;
}
div#Knowledge div.cal table th.sun,
div#Knowledge div.cal table td.sun{
background-color: #FFcccc;
}
div#Knowledge div.cal table th.sat,
div#Knowledge div.cal table td.sat{
background-color: #ccccFF;
}
div#Knowledge div.detail{
text-align:right;
padding:0 20px 7px 0;
}
div#Knowledge div.btn{
clear:left;
width:665px;
background-image:url(../img/line_1.gif);
background-repeat:repeat-x;
background-position:left top;
padding:20px 0;
margin:19px 0 0 19px;
}
div#Knowledge div.btn ul{
border:0; margin:0; padding:0;
}
div#Knowledge div.btn ul:after {
content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#Knowledge div.btn li{
float:left; list-style-type:none; text-indent:-9999px;
}
div#Knowledge div.btn li a {
display:block; text-decoration:none; height:30px;
background:url(../img/btn_about.gif) no-repeat;
}
div#Knowledge div.btn li a.m1 {background-position: 0px 0px; width:166px;}
div#Knowledge div.btn li a.m2 {background-position: -166px 0px; width:166px;}
div#Knowledge div.btn li a.m3 {background-position: -332px 0px; width:166px;}
div#Knowledge div.btn li a.m4 {background-position: -498px 0px; width:166px;}*/
/*== 2-12 : div#Search */
div#Search{
/*width:710px;*/
width:701px;
border:solid 1px #ccc;
margin-bottom:20px;
}
div#Search div.head{
height:46px;
background:url(../img/h2_backimg.jpg);
background-repeat:repeat-x;
margin-bottom:20px;
border-bottom:solid 1px #CCCCCC;
}
div#Search ul.menu{
border:0; margin:0; padding:0;
margin-left:19px;
}
div#Search ul.menu:after {
content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#Search ul.menu li{
float:left; list-style-type:none; text-indent:-9999px; overflow:hidden;
}
div#Search ul.menu li a {
display:block; text-decoration:none; height:30px;
background:url(../img/m_searchtab.jpg) no-repeat;
}
div#Search ul.menu li a#m1 {background-position: 0px 0px; width:102px;}
div#Search ul.menu li a:hover#m1,
div#Search ul.menu li a#m1.over {background-position: 0px -32px; width:102px;}
div#Search ul.menu li a#m2 {background-position: -102px 0px; width:102px;}
div#Search ul.menu li a:hover#m2,
div#Search ul.menu li a#m2.over {background-position: -102px -32px; width:102px;}
div#Search ul.menu li a#m2g {background-position: -102px -63px; width:102px;}
div#Search ul.menu li a#m3 {background-position: -204px 0px; width:102px;}
div#Search ul.menu li a:hover#m3,
div#Search ul.menu li a#m3.over {background-position: -204px -32px; width:102px;}
div#Search ul.menu li a#m3g {background-position: -204px -63px; width:102px;}
div#Search ul.menu li a#m4 {background-position: -306px 0px; width:102px;}
div#Search ul.menu li a:hover#m4,
div#Search ul.menu li a#m4.over {background-position: -306px -32px; width:102px;}
div#Search ul.menu li a#m4g {background-position: -306px -63px; width:102px;}
div#Search ul.menu li a#m5 {background-position: -408px 0px; width:102px;}
div#Search ul.menu li a:hover#m5,
div#Search ul.menu li a#m5.over {background-position: -408px -32px; width:102px;}
div#Search ul.menu li a#m5g {background-position: -408px -63px; width:102px;}
div#Search ul.menu li a#m6 {background-position: -510px 0px; width:102px;}
div#Search ul.menu li a:hover#m6,
div#Search ul.menu li a#m6.over {background-position: -510px -32px; width:102px;}
div#Search ul.menu li a#m6g {background-position: -510px -63px; width:102px;}
div#Search ul.menu li a#m7 {background-position: -612px -32px; width:50px;}
div#Search div#S_box01,
div#Search div#S_box02,
div#Search div#S_box03,
div#Search div#S_box04,
div#Search div#S_box05,
div#Search div#S_box06{
width:660px;
/*min-height:400px;
_height:400px;*/
min-height:300px;
_height:300px;
margin-left:19px;
margin-bottom:20px;
border:solid 1px #999;
border-top:none;
}
div#Search div#S_box01 {
background-image:url(../img/search_map.gif);
background-repeat:no-repeat;
background-position:center right;
}
div#Search div#S_box01 ul{
list-style:none;
padding:50px 0 0 50px;
}
/*== 2-13 : div#Interest */
div#Interest{
width:710px;
border:solid 1px #ccc;
margin-bottom:20px;
}
div#Interest div.head{
height:46px;
background:url(../img/h2_backimg.jpg);
background-repeat:repeat-x;
}
/*== 2-14 : div#Sub */
div#Sub{
width:230px;
float:right;
margin-right:19px;
_margin-right:10px;
margin-top:15px;
}
div#Sub ul li{
list-style-type:none;
margin-bottom:5px;
}
div#Sub div.cal div.cal_tit{
padding:0;
text-align:center;
}
div#Sub div.cal table {
margin:0 auto 1em auto;
}
div#Sub div.cal table th{
background-color: #C9EDFF;
}
div#Sub div.cal table td{
width:26px;
height:26px;
text-align:center;
}
div#Sub div.cal table th.sun,
div#Sub div.cal table td.sun{
background-color: #FFcccc;
}
div#Sub div.cal table th.sat,
div#Sub div.cal table td.sat{
background-color: #ccccFF;
}
/*== 2-15 : div#Selection */
div#Selection{
width:228px;
border:1px solid #ccc;
margin-top:20px;
margin-bottom:20px;
}
div#Selection div{
padding:5px 0 2px 2px;
border-top:1px dotted #333;
clear:both;/*追加*/
}
div#Selection div:after{
content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#Selection div img{
float:left;
width:25px;
margin:-2px 5px 5px 2px;
}
div#Selection div.first{
border-top:none;
}
/*== 2-16 : div#Footer */
div#Footer{
width:980px;
margin-left:5px;
clear: both;
background:url(../img/footer_backimg.jpg);
background-position:left top;
background-repeat:repeat-x;
}
div#Footer ul{
border:0; margin:16px; padding-top:20px;
}
div#Footer li{
float:left; list-style-type:none;
border-right:1px dotted #999;
padding:0 7px;
line-height:1;
}
div#Footer li.first{
border-left:1px dotted #999;
}
div#Footer p{
float:left;
width:400px;
padding:17px;
}
/*==================================
3 : Second Layout Setting
====================================*/
/*== 3-1 : div#Pan */
div#Pan{
margin-bottom:15px;
}
div#SCBox{
margin-bottom:15px;
/*width:710px;*/
width:703px;
}
div#SCBox .name {
background-image:url(../img/SC_line_blue.gif);
background-position:left 4px;
background-repeat:no-repeat;
margin-bottom:5px;
min-height:35px;
border-bottom:dotted 1px #999999;
}
div#SCBox .name img {
float:left;
margin:0 10px 0 15px;
}
div#SCBox h1 {
margin-left:15px;
}
div#SCBox h1 span.ruby {
font-size:10px;
font-weight:normal;
letter-spacing:0.4em;
line-height:1;
}
div#SCBox div.catch {
margin-left:70px;
width:340px;
float:left;
line-height:1.1;
}
div#SCBox div.SCtype {
width:290px;
float:right;
text-align:right;
}
div#SCBox div.tab{
clear: both;
background:url(../img/SC_menu_back.gif) repeat-x bottom;
padding-top:30px;
height:48px;
}
div#SCBox div.tab:after {
content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#SCBox div.tab ul{
border:0; margin:0; padding:0;
}
div#SCBox div.tab ul li{
float:left; list-style-type:none; text-indent:-9999px; overflow:hidden;
}
div#SCBox div.tab ul li a {
display:block; text-decoration:none; height:48px;
background:url(../img/SC_menu.jpg) no-repeat;
}
div#SCBox div.tab ul li a.m1 {background-position: 0px -54px; width:122px;}
div#SCBox div.tab ul li a:hover.m1,
div#SCBox div.tab ul li a.m1o {background-position: 0px 0px; width:122px;}
div#SCBox div.tab ul li a.m2 {background-position: -122px -54px; width:122px;}
div#SCBox div.tab ul li a:hover.m2,
div#SCBox div.tab ul li a.m2o {background-position: -122px 0px; width:122px;}
div#SCBox div.tab ul li a.m3 {background-position: -244px -54px; width:122px;}
div#SCBox div.tab ul li a:hover.m3,
div#SCBox div.tab ul li a.m3o {background-position: -244px 0px; width:122px;}
div#SCBox div.tab ul li a.m4 {background-position: -366px -54px; width:122px;}
div#SCBox div.tab ul li a:hover.m4,
div#SCBox div.tab ul li a.m4o {background-position: -366px 0px; width:122px;}
div#SCBox div.tab div.btn_shiryo{
float:right;
margin:5px 5px 0 0;
}
div#SCBox div.cont{
border:solid 1px #ccc;
border-top:none;
padding:15px;
min-height:100px;
}
div#SCBox div.cont div.photo{
float:left;
width:320px;
}
div#SCBox div.cont div.photo img{
margin-bottom:15px;
}
div#SCBox div.cont div.address{
float:left;
margin-left:15px;
width:320px;
}
div#SCBox div.cont div.address h2{
margin-bottom:10px;
}
div#SCBox div.cont div.address p{
margin-left:15px;
}
div#SCBox div.cont div.line{
clear:left;
border-bottom:dotted 1px #ccc;
}
div#SCBox div.cont table{
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
width:100%;
border-collapse: collapse;
}
div#SCBox div.cont table.option{
margin-top:15px;
}
div#SCBox div.cont table th,
div#SCBox div.cont table td{
padding:5px;
text-align:center;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}
div#SCBox div.cont table th{
background-color:#D8F3FF;
}
div#SCBox div.cont div.note{
color:#666666;
}
div#SCBox div.cont h3.pin{
background:url(../img/SC_mark_pin.gif) no-repeat left 5px;
padding-left:15px;
margin-top:15px;
font-size:14px;
}
div#SCBox div.cont div.waku{
border:solid 1px #CCC;
}
div#SCBox div.cont div.waku p{
padding:5px;
}
div#SCBox div.cont div.seitoArea{
float:left;
margin-right:15px;
width:350px;
}
div#SCBox div.cont div.gakkaArea{
float:left;
width:300px;
}
div#SCBox div.cont .seito{
width:330px;
}
div#SCBox div.cont table.seitoList{
width:350px;
}
div#SCBox div.cont .gakka{
width:280px;
}
div#SCBox div.cont div.waku.gakka{
width:300px;
}
div#SCBox div.cont div.pagetop{
margin-top:20px;
text-align:right;
}
div#SCBox div.cont div.pagetop a{
background:url(../img/SC_mark_arrow.gif) no-repeat left 1px;
padding-left:17px;
}
div#SCBox div.cont table.outPass{
width:218px;
float:left;
font-size:12px;
margin-right:5px;
}
div#SCBox div.cont table.outPass2 td{
text-align:left;
}
div#SCBox div.cont table.examDev{
margin-top:15px;
}
/*上記以外の主な大学合格実績の中にtableがあった場合*/
div#SCBox div.cont table.outPass2 table td{
text-align:center;
}
div#SCBox div.cont table.ent_youkou th{
width:100px;
}
div#SCBox div.cont table.ent_youkou td{
text-align:left;
}
div#SCBox div.cont table.ent_num th,
div#SCBox div.cont table.ent_num td.short{
width:100px;
}
div#SCBox div.cont table.examday td,
div#SCBox div.cont table.examcourse td,
div#SCBox div.cont table.ent_num td{
text-align:left;
vertical-align:top;
}
div#SCBox div.ecbook img{
float:left;
margin-right:2em;
}
div#SCBox div.ecbook:after {
content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
/* Topics 一覧 */
div.TopBox{
width:701px;
border:1px solid #CCC;
margin-bottom:1em;
padding:0 0 10px 0;
}
div.TopBox h2.ttlTo{
margin:0;
width:701px;
height:46px;
background:url(../img/h2_to.jpg) no-repeat;
text-indent:-9999px;
font-size:1px;
}
div.TopBox h2.ttlSp{
margin:0;
width:701px;
height:46px;
background:url(../img/h2_sp.jpg) no-repeat;
text-indent:-9999px;
font-size:1px;
}
div.TopBox div.other{
float:right;
width:100px;
margin:-20px 0 0 0;
padding-left:15px;
background:url(../img/icon3.gif) no-repeat;
background-position: -37px 3px;
}
div.TopBox ul{
clear:right;
border-top:1px solid #CCC;
min-height:150px;
}
div.TopBox ul li{
list-style-type:none;
padding:0 2em 0.5em 2em;
background:url(../img/icon3.gif) no-repeat;
background-position: -8px -75px;
}
div.TopBox ul li.first{
padding-top:15px;
background-position: -8px -60px;
}
div.TopBox ul.topics li.tv,
div.TopBox ul.topics li.first_tv{
background:url(../img/icon3.gif) no-repeat;
background-position: 6px -160px;
}
div.TopBox ul.topics li.first_tv{
padding-top:15px;
background-position: 6px -145px;
}
div.TopBox ul.special li.tv,
div.TopBox ul.special li.first_tv{
background:url(../img/icon3.gif) no-repeat;
background-position: 6px -160px;
}
div.TopBox ul.special li.first_tv{
padding-top:15px;
background-position: 6px -145px;
}
div.TopBox ul.tv li{
background:url(../img/icon3.gif) no-repeat;
background-position: 6px -160px;
}
div.TopBox ul.tv li.first{
background-position: 6px -145px;
}
div.TopBox ul.topics{
}
div.TopBox ul.special{
background:url(../img/top_02.jpg) no-repeat;
background-position: 284px 5px;
}
div.TopBox ul.tv{
background:url(../img/top_03.jpg) no-repeat;
background-position: 284px 5px;
}
div.TopBox ul.report{
background:url(../img/top_04.jpg) no-repeat;
background-position: 284px 5px;
}
div.TopBox ul.interest{
background:url(../img/top_05.jpg) no-repeat;
background-position: 284px 5px;
}
div.TopBox ul.kiso{
background:url(../img/top_06.jpg) no-repeat;
background-position: 284px 5px;
}
/*==================================
4 : List Layout Setting
====================================*/
/*== 4-1 : div#Box */
div#Box{
clear: both;
border:1px solid #ccc;
margin-bottom:2em;
}
div#Box h1{
padding:7px;
border-bottom:2px solid #009;
_font-weight:normal;
font-size:x-large;
}
/*== 4-2 : div#pagination */
div#Box div#pagination{
margin:1em auto;
font-size:15px;
}
div#Box div#pagination ul.pager {
margin:0;
padding:0;
text-align:center;
}
div#Box div#pagination ul.pager li {
float: none;
margin-right: 5px;
border: 1px #3366FF solid;
font-weight: bold;
padding:0;
display:inline-block;
_display:inline;
}
div#Box div#pagination ul.pager li.prev,
div#Box div#pagination ul.pager li.next {
border: none;
}
div#Box div#pagination ul.pager li a,
div#Box div#pagination ul.pager li a:link,
div#Box div#pagination ul.pager li a:visited {
display:inline-block;
padding: 3px 8px;
text-decoration: none;
}
div#Box div#pagination ul.pager li a:hover,
div#Box div#pagination ul.pager li a:active {
background-color: #AADDFF;
}
div#Box div#pagination ul.pager li em {
display:inline-block;
padding: 3px 8px;
background: #3366FF;
color: #FFFFFF;
font-style: normal;
}
/*== 4-3 : table#list */
div#Box table#list{
width:670px;
margin:15px 0 15px 15px;
border-top:1px solid #999;
border-right:1px solid #999;
}
div#Box table#list th{
background-color:#e7e7e7;
}
div#Box table#list th,
div#Box table#list td{
padding:0.5em;
border-bottom:1px solid #999;
border-left:1px solid #999;
text-align:center;
}
div#Box table#list.deviation td{
padding:0.5em;
border-bottom:1px solid #999;
border-left:1px solid #999;
text-align:left;
}
div#Box table#list.deviation td.first{
border-left:none;
text-align:center;
}
/*div#Box table#list th.first,
div#Box table#list td.first{
border-left:none;
}*/
div#Box table#list .altRow .name{
background-color:#dee0ff;
text-align:left;
}
div#Box table#list .evenRow .name{
background-color:#ffe1dd;
text-align:left;
}
div#Box table#list h2{
background:none;
border:none;
margin-left:0;
display:inline;
}
div#Box table#list .kanahead{
border:none;
padding:1em;
text-align:left;
}
div#Box table#list .kanahead div{
text-align:right;
}
div#Box table#list .kanahead h3{
font-size:30px;
background-color:#000099;
color:#FFFFFF;
padding:.4em;
display:inline;
}
div#Box table#list img.btnC{
margin-left:7px;
}
/*== 4-4 : table#moresearch */
div#Box table#moresearch{
width:100%;
margin:1em 0 0 0;
border-top:1px solid #999;
}
div#Box table#moresearch th{
background-color:#e7e7e7;
}
div#Box table#moresearch th,
div#Box table#moresearch td{
padding:0.5em;
border-bottom:1px solid #999;
border-left:1px solid #999;
}
div#Box table#moresearch th{
border-left:none;
}
div#Box table#moresearch td.btn{
border:none;
text-align:right;
padding-right:40px;
background-color:#dee0ff;
}
div#Box table#moresearch td.btn .more{
width:270px;
float:right;
}
div#Box table#moresearch label{
width:100px;
display:inline-block;
}
div#Box table#moresearch label.long{
width:32%;
}
div#Box table#moresearch input{
vertical-align:text-top;
_vertical-align:middle;
margin-right:5px;
_margin-right:0px;
}
/* 資料請求フォーム */
div#Box h2.ttlSy{
margin:0 0 10px 0;
width:701px;
height:46px;
background:url(../img/h2_sy.jpg) no-repeat;
text-indent:-9999px;
font-size:1px;
border-bottom:solid 1px #CCCCCC;
}
.form_error {
background-color: #CC3333;
}
.error_message {
color: #CC3333;
font-weight:bold;
margin:0 0 0 5px;
}
div#Box table.sform{
margin:10px 0 0 15px;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
}
div#Box table.sform th{
padding:6px 15px 7px 15px;
border-bottom:solid 1px #CCCCCC;
background:#F4F9FE;
color:#678197;
}
div#Box table.sform td{
padding:6px 15px 7px 15px;
border-bottom:solid 1px #CCCCCC;
}
div#Box p.tks{
margin:20px 0 20px 15px;
}
/* 部活動検索 */
div#Box h2.ttlCb{
margin:0 0 10px 0;
width:701px;
height:46px;
background:url(../img/h2_cb.jpg) no-repeat;
text-indent:-9999px;
font-size:1px;
border-bottom:solid 1px #CCCCCC;
}
div#Box ul.clubs{
margin:5px 15px 15px 0;
float:left;
}
div#Box ul.clubs li{
width:200px;
padding:1px 0 10px 25px;
line-height:1;
float:left;
display:block;
list-style-type:none;
background:url(../img/icon3.gif) no-repeat -8px -75px;
}
div#Box table#clubs{
width:670px;
margin:15px 0 15px 15px;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}
div#Box table#clubs th{
background-color:#e7e7e7;
}
div#Box table#clubs th,
div#Box table#clubs td{
padding:0.3em;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
text-align:center;
}
div#Box table#clubs td a{
display:block;
text-align:left;
}
/*== 大学進学一覧 */
div#Box table#rank{
width:670px;
margin:15px 0 15px 15px;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}
div#Box table#rank th{
background-color:#e7e7e7;
}
div#Box table#rank th,
div#Box table#rank td{
padding:0.3em;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
text-align:center;
}
div#Box ul.rank_pager{
margin:15px 15px 15px 0;
float:left;
}
div#Box ul.rank_pager li{
/*width:200px;*/
padding:1px 0 0 25px;
line-height:1;
float:left;
display:block;
list-style-type:none;
background:url(../img/icon3.gif) no-repeat -8px -75px;
}
/*説明会カレンダー*/
div#SCBox div.cal_tit{
padding:0 10px 5px 10px;
text-align:center;
}
div#SCBox table.cal {
border-left:solid 1px #999999;
border-top:solid 1px #999999;
margin:0 auto;
}
div#SCBox table.cal th{
background-color: #C9EDFF;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:3px 10px 2px 10px;
}
div#SCBox table.cal td{
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:3px 10px 2px 10px;
}
div#SCBox table.cal th.sun,
div#SCBox table.cal td.sun{
background-color: #FFcccc;
}
div#SCBox table.cal th.sat,
div#SCBox table.cal td.sat{
background-color: #ccccFF;
}
div#SCBox table.cal a.cal_link{
display:block;
/*background-color:#ededed;*/
background-color:#e1e1e1;
margin-bottom:3px;
}
div#SCBox table.cal a.cal_link2{
display:block;
margin-bottom:3px;
}
/*学費一覧*/
.ListT{
width:950px;
height:48px;
background:url(../img/h2_bg.jpg) no-repeat;
margin:0 0 15px 0;
padding:0;
}
.ListT h2{
margin:0;
padding:10px 0 0 15px;
font-size:129%;
}
#ListBox{
clear: both;
margin-bottom:2em;
}
#ListBox p{
margin-bottom:10px;
clear:both;
}
#ListBox ul.fee_pager{
margin-bottom:15px;
width:703px;
float:left;
}
#ListBox ul.fee_pager li{
/*width:200px;*/
padding:1px 0 0 25px;
line-height:1;
float:left;
display:block;
list-style-type:none;
background:url(../img/icon3.gif) no-repeat -8px -75px;
}
#ListBox .feeNtcBox{
clear: both;
margin-bottom:10px;
}
#ListBox .feeNtcBox p.ntc{
color:#FF6666;
}
#ListBox table#feeList{
width:703px;
margin:0;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}
#ListBox table#feeList th{
background-color:#e7e7e7;
}
#ListBox table#feeList th,
#ListBox table#feeList td{
padding:0.4em;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
text-align:center;
}
#ListBox table#feeList tr.even td {
/*background:#DFEEFF;*/
background:#EEF7FF;
}
#ListBox table#feeList h3{
font-size:150%;
}
#ListBox table#feeList th.feeTtl{
background:#fff url(../img/fee_line.jpg) no-repeat 0 100%;
border-bottom:none;
padding:15px 7px 17px;
}
#ListBox table#feeList th.bttop{
padding:15px 7px 27px;
text-align:right;
background:#fff !important;
font-weight:normal;
}
/*==================================
5 : Element Setting
====================================*/
/*== 5-1 : Block Level */
h1,h2,h3,h4,p,ul,ol{
text-align:left;
}
/*IE6*/
/* * html div,*/ /*fgmenuでバグあり*/
* html h1,
* html h2,
* html h3,
* html h4{
height:1px;
}
/*== 5-2 : List */
ul{
list-style-type:square;
}
ol{
list-style-type:decimal;
}
/*== 5-3 : */
a:link{
color:#00AFF0;
text-decoration:underline;
}
a:visited{
color:#00AFF0;
text-decoration:underline;
}
a:hover{
color:#FF9900;
text-decoration:none;
}
a:active{
color:#FF9900;
text-decoration:none;
}
/*== 5-4 : other */
/* 基礎知識 */
.snd_box{
width:701px;
margin:0 0 15px 0;
padding:15px 0 10px 0;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
clear:both;
}
.snd_box p{
margin:0 20px 15px 20px;
padding:0;
}
h2.pk{
width:703px;
height:48px;
background:url(../img/h2_pk.jpg) no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
font-size:1px;
}
.pk01{
width:320px;
margin:0 0 0 20px;
padding:0;
float:left;
}
.pk02{
width:320px;
margin:0 0 0 20px;
padding:0;
float:left;
}
h3.ttldeviation{
width:320px;
height:30px;
background:url(../img/h3_deviation.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttldeviation02{
width:320px;
height:30px;
background:url(../img/h3_deviation02.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttltrend{
width:320px;
height:30px;
background:url(../img/h3_trend.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttlpoint{
width:320px;
height:30px;
background:url(../img/h3_point.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttlprofile{
width:320px;
height:30px;
background:url(../img/h3_profile.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttlcriterion{
width:320px;
height:30px;
background:url(../img/h3_criterion.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h4.national{
width:290px;
height:20px;
background:url(../img/h4_national.jpg) no-repeat;
margin:0 0 5px 15px;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
float:left;
}
h4.private{
width:290px;
height:20px;
background:url(../img/h4_private.jpg) no-repeat;
margin:10px 0 5px 15px;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
float:left;
}
h4.public{
width:290px;
height:20px;
background:url(../img/h4_public.jpg) no-repeat;
margin:10px 0 5px 15px;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
float:left;
}
.pk01 p,
.pk02 p{
margin:0 0 10px 15px;
padding:0;
line-height:1.2;
}
.pk01 p.pkPhoto{
margin:0 0 8px 15px;
padding:0;
float:left;
}
.pk01 p.pkList01{
margin:0 0 10px 10px;
padding:0;
width:180px;
float:left;
line-height:1.5;
}
.pk01 p.pkList{
margin:0 0 10px 10px;
padding:0;
width:180px;
float:left;
}
.pk01 p.pkntc{
margin:0 0 20px 10px;
padding:0;
width:180px;
float:left;
color:#FF9966;
}
.pk01 ul{
margin:0 0 15px 15px;;
padding:0;
display:block;
clear:both;
}
.pk01 li{
list-style:none;
padding:0 0 5px 0;
margin:0;
line-height:1.2;
display:block;
}
.pk01 li.d01{
padding:0 0 5px 20px;
background:url(../img/icon_d01.jpg) no-repeat;
}
.pk01 li.d02{
padding:0 0 5px 20px;
background:url(../img/icon_d02.jpg) no-repeat;
}
.pk01 li.d03{
padding:0 0 5px 20px;
background:url(../img/icon_d03.jpg) no-repeat;
}
.pk01 li.d04{
padding:0 0 5px 20px;
background:url(../img/icon_d04.jpg) no-repeat;
}
.pk01 li.d05{
padding:0 0 5px 20px;
background:url(../img/icon_d05.jpg) no-repeat;
}
.pk02 p.pkntc{
margin:15px 0 20px 20px;
padding:0;
width:280px;
float:left;
color:#FF9966;
}
.pk02 dl{
clear:both;
width:280px;
margin:0 0 10px 20px;
}
.pk02 dl dt{
float:left;
width:70px;
border-top:dotted 1px #ccc;
padding-top:5px;
}
.pk02 dl dd{
float:left;
width:210px;
border-top:dotted 1px #ccc;
padding:5px 0 0 0;
margin-bottom:5px;
line-height:1.6em;
}
.pk02 dl dt.first,
.pk02 dl dd.first{
border:none;
}
/* 特別取材 */
h2.spTopics{
width:703px;
height:48px;
background:url(../img/h2_st.jpg) no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
font-size:1px;
}
.snd_box p.st{
margin:0 20px 15px 20px;
padding:0;
color:#FF9966;
}
.snd_box .bn_box{
width:699px;
margin:0;
padding:0;
clear:both;
}
.snd_box .b_left{
width:320px;
margin:0 0 0 20px;
padding:0;
float:left;
display:inline;
}
.snd_box .b_right{
width:320px;
margin:0 0 0 20px;
padding:0;
float:left;
}
.snd_box p.m_img{
margin:0 10px 20px 0;
padding:0;
float:left;
}
.snd_box p.m_imgcs{
margin:30px 0 0 118px;
padding:0;
float:left;
}
.snd_box img.s_logo{
margin:0 5px 0 0;
padding:0;
}
.snd_box h5.b_name{
margin:0 5px 5px 140px;
padding:0 0 0 20px;
font-weight:normal;
font-size:100%;
line-height:1.2em;
background:url(/cake_css/common/img/icon_tv.jpg) no-repeat 0 0;
}
.snd_box h5.r_name{
margin:0 5px 5px 140px;
padding:0 0 0 19px;
font-weight:normal;
font-size:100%;
line-height:1.2em;
background:url(/cake_css/common/img/icon_rp.jpg) no-repeat 0 0;
}
.snd_box h5.m_name{
margin:0 5px 5px 140px;
padding:0 0 0 19px;
font-weight:normal;
font-size:100%;
line-height:1.2em;
background:url(/cake_css/common/img/icon_mv.jpg) no-repeat 0 0;
}
.snd_box h5.k_name{
margin:0 5px 5px 140px;
padding:0 0 0 19px;
font-weight:normal;
font-size:100%;
line-height:1.2em;
background:url(/cake_css/common/img/icon_kohcho.jpg) no-repeat 0 0;
}
.snd_box p.bs_detail{
margin:0 10px 0 0;
padding:0;
font-size:12px;
font-weight:normal;
}
/* 限定ミニ説明会 */
div#Box table#list .briefing_old{
background-color:#eee;
color:#666;
}
div#Box h2.ttlBr{
margin:0 0 5px 0;
width:701px;
height:46px;
background:url(../img/h2_br.jpg) no-repeat;
text-indent:-9999px;
font-size:1px;
border-bottom:solid 1px #CCCCCC;
}
/* TOP 基礎知識NEW */
.snd_box h3.hinfo{
width:677px;
height:30px;
background:url(../img/carousel/ttl_hinfo.jpg) no-repeat;
margin:0 0 10px 10px;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
p.pkntc02{
color:#FF6666;
}
.pkbox{
width:671px;
margin:0;
clear:both;
}
.pk03{
width:286px;
margin:0;
padding:0;
float:left;
}
.pk04{
width:365px;
margin:0 0 20px 20px;
padding:0;
float:left;
}
h3.ttlt01{
width:286px;
height:30px;
background:url(../img/carousel/ttl_t01.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttlt02{
width:365px;
height:30px;
background:url(../img/carousel/ttl_t02.jpg) no-repeat;
margin:0 0 0 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttlk01{
width:286px;
height:30px;
background:url(../img/carousel/ttl_k01.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttlk02{
width:365px;
height:30px;
background:url(../img/carousel/ttl_k02.jpg) no-repeat;
margin:0 0 0 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttls01{
width:286px;
height:30px;
background:url(../img/carousel/ttl_s01.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttls02{
width:365px;
height:30px;
background:url(../img/carousel/ttl_s02.jpg) no-repeat;
margin:0 0 0 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttlc01{
width:286px;
height:30px;
background:url(../img/carousel/ttl_c01.jpg) no-repeat;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
h3.ttlc02{
width:365px;
height:30px;
background:url(../img/carousel/ttl_c02.jpg) no-repeat;
margin:0 0 0 0;
padding:0;
text-indent:-9999px;
font-size:1px;
clear:both;
}
.dnavi{
width:365px;
margin:0 0 20px 0;
float:left;
clear:both;
}
.pk03 ul.exinfo{
margin:0 0 15px 0;
padding:0;
width:286px;
display:block;
float:left;
clear:both;
}
.pk03 ul.exinfo li{
list-style:none;
padding:0 0 7px 0;
margin:0;
line-height:1.0;
display:block;
}
.pk03 ul.exinfo li.sdline{
background:url(../img/carousel/line.jpg) repeat-x 0 0;
padding:10px 0 7px 0;
margin:3px 0 0 0;
}
.pk03 ul.exinfo li.ed01{
background:url(../img/carousel/icon_d01.jpg) no-repeat;
padding:0 0 7px 18px;
}
.pk03 ul.exinfo li.ed02{
background:url(../img/carousel/icon_d02.jpg) no-repeat;
padding:0 0 7px 18px;
}
.pk03 ul.exinfo li.ed03{
background:url(../img/carousel/icon_d03.jpg) no-repeat;
padding:0 0 7px 18px;
}
.pk03 ul.exinfo li.ed04{
background:url(../img/carousel/icon_d04.jpg) no-repeat;
padding:0 0 7px 18px;
}
.pk03 ul.exinfo li.ed05{
background:url(../img/carousel/icon_d05.jpg) no-repeat;
padding:0 0 7px 18px;
}
.fgbox{
width:112px;
float:left;
margin:0;
font-size:88%;
}
.snd_box .pk04 p{
margin:0 0 2px 0;
padding:0;
}
.snd_box .pk04 img{
margin:0 0 3px 0;
padding:0;
}
/* msgbox */
#msgbox{
width:951px;
float:left;
border:solid 1px #CCCCCC;
margin-left:19px;
_margin-left:10px;
margin-top:15px;
clear:both;
}
#msgbox p{
margin:10px 12px 10px 176px;
}
/* Main phot slider */
/*--Main Container--*/
.main_view {
float:left;
position:relative;
margin:0;
}
/*--Window/Masking Styles--*/
.window {
height:250px;
width:703px;
overflow:hidden; /*--Hides anything outside of the set width/height--*/
position:relative;
}
.image_reel {
position:absolute;
top:0;
left:0;
}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {
position:absolute;
bottom:0px;
width: 703px;
height:30px;
z-index:100; /*--Assures the paging stays on the top layer--*/
text-align:right;
line-height:31px;
background:url(../img/paging_bg2.png) no-repeat;
display:none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
padding:4px 4px 2px 5px;
text-decoration:none;
color:#fff!important;
text-decoration:none!important;
margin-right:2px;
font-size:93%;
}
.paging a.pageLast {
margin-right:12px;
}
.paging a.active {
font-weight:bold;
background:#0AB2F1;
border:1px solid #034863;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
.paging a:hover {font-weight:bold;}
/* common */
.cl{
clear:both;
}