@charset "utf-8";


body{
color:#333;
background:url(/https/maitabi.jp/img/main_bg.gif) repeat-x;
}

body.headerBlue {background:url(/https/maitabi.jp/img/main_bg_blue.png) repeat-x;}
body.headerYellowGreen {background:url(/https/maitabi.jp/img/main_bg_yellowgreen.png) repeat-x;}
body.headerYellow {background:url(/https/maitabi.jp/img/main_bg_yellow.png) repeat-x;}
body.headerGreen {background:url(/https/maitabi.jp/img/main_bg_green.png) repeat-x;}
body.headerPurple {background:url(/https/maitabi.jp/img/main_bg_purple.png) repeat-x;}
body.headerOrange {background:url(/https/maitabi.jp/img/main_bg_orange.png) repeat-x;}
body.headerPink {background:url(/https/maitabi.jp/img/main_bg_pink.png) repeat-x;}
body.headerBlueGreen {background:url(/https/maitabi.jp/img/main_bg_bluegreen.png) repeat-x;}
body.headerBrown {background:url(/https/maitabi.jp/img/main_bg_brown.png) repeat-x;}
body.headerceruleanblue {background:url(/https/maitabi.jp/img/main_bg_cerulean-blue.png) repeat-x;}


h1,h2,h3,h4,h5{
font-size:10px;
}


a:link{color:#0f2945; text-decoration:underline;}
a:visited{color:#0f2945; text-decoration:underline;}
a:active{color:#2668ad; text-decoration:underline;}
a:hover{color:#2668ad; text-decoration:underline;}

li{
list-style:none;
}

.s{
font-size:0.8em;
}

.notice{
color:#2668ad;
}


/*
==================================================================================

ヘッダー

==================================================================================
*/

#header{
position:relative;
width:960px;
margin:0px auto;
height:26px;
padding-top:9px;
overflow:hidden;
}

#header h1{
color:#fff;
font-weight:normal;
}

#header ul{
position:absolute;
top:9px;
right:0px;
margin-right:-13px;
}

#header li{
float:left;
padding:0px 12px;
border-right:1px solid #fff;
}

#header li.site_ex{
float:right;
}

#header a:link{color:#fff; text-decoration:underline;}
#header a:visited{color:#fff; text-decoration:underline;}
#header a:hover{color:#ccc; text-decoration:underline;}
#header a:active{color:#ccc; text-decoration:underline;}

#globalmenu{
clear:both;
position:relative;
width:960px;
height:85px;
margin:0px auto;
}

#globalmenu h2{
padding-top:28px;
}

#globalmenu ul{
position:absolute;
background:url(/https/maitabi.jp/img/header_bg.gif) no-repeat right top;
top:33px;
right:0px;
}

#globalmenu li{
float:left;
height:26px;
margin-right:-1px;
}

#globalmenu li img{
padding:0px 1px;
}

#globalmenu li a img:hover{ border-bottom:3px solid #2668ad;}
#globalmenu li a img:active{ border-bottom:3px solid #2668ad;}

#globalmenu li a.on img{ border-bottom:3px solid #2668ad;}

* html #globalmenu li a.on img{ border-bottom:3px solid #2668ad;}

* html #globalmenu li a.on:hover{ border:0px;}
* html #globalmenu li a.on:active{ border:0px;}

* html #globalmenu li a:hover{/* IE 6 */
border-bottom:3px solid #2668ad;
}
* html #globalmenu li a:active{/* IE 6 */
border-bottom:3px solid #2668ad;
}


/*
==================================================================================

構造

==================================================================================
*/

#wrapper{
clear:both;
width:960px;
margin:0px auto;
padding:20px 0px 30px 0px;
}


/*
==================================================================================

コンテンツ共通部

==================================================================================
*/

#contents{
clear:both;
}

#contents h3{
clear:both;
padding-bottom:15px;
}

#contents img{
vertical-align:bottom;
}

#contents .notice_s{
padding-left:13px;
background:url(/https/maitabi.jp/img/icon_square.gif) no-repeat 0px 4px;
}

#contents .notice_a li{
padding-left:10px;
background:url(/https/maitabi.jp/img/icon_arrow.gif) no-repeat 0px 5px;
}

#contents .bannerarea{
clear:both;
width:220px;
padding-bottom:7px;
}

#contents .bannerarea li {
float:none;
padding-bottom:10px;
}

#contents .bannerarea li img {
margin:0px;
}

#contents .bannerarea a:hover img {
 opacity: 0.8;
 filter: pic(opacity=80);
 -ms-filter: "pic(opacity=80)";
}


#contents .bannerarea li a {
margin:0px;
}

#contents .bannerarea li .small{
padding-right:11px;
}

#contents .contents_mini{
clear:both;
padding-bottom:15px;
}

#contents .contents_mini .img{
float:left;
width:60px;
padding-right:10px;
}

#contents .contents_mini p{
float:left;
width:150px;
padding-top:5px;
font-size:1.0em;
}


/*カテゴリ検索--------------------------------------------------------------------*/

.categorySearch {
width: 717px;
padding: 20px 0;
margin-bottom: 30px;
border: 1px solid #e5e5e5;
background: #f1f1f1;
}

.categorySearch table {
width: 680px;
margin: 0px auto 5px;
border-collapse: collapse;
}

.categorySearch table th {
width: 80px;
font-size: 1.4em;
font-weight: bold;
color: #2668ad;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-left: 3px solid #2668ad;
background: #fff;
border-collapse: collapse;
}

.categorySearch table td {
font-size: 1.4em;
padding: 8px 15px;
background: #fff;
border: 1px solid #e5e5e5;
border-collapse: collapse;
}

.categorySearch table td ul li {
float: left;
width: 140px;
margin-right: 10px;
margin-bottom: 5px;
text-indent: -20px;
padding-left: 20px;
list-style: none;
}

.categorySearch .categorySearchDate {
width: 676px;
font-size: 1.4em;
text-align: center;
padding: 15px 0;
margin: 0 auto 15px;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-left: 3px solid #2668ad;
background: #fff;
}

.categorySearch .categorySearchDate span {
font-weight: bold;
color: #2668ad;
margin-right: 5px;
}

#contents .categorySearch .categorySearchButton {
text-align: center;
}

.categorySearch .categorySearchButton input {
width: 200px;
height: 40px;
margin: 0 auto;
font-size: 1.6em;
}



/*
==================================================================================

左コンテンツ

==================================================================================
*/

#contents #left{
float:left;
width:220px;
padding-right:15px;
}

#contents #left .maiasa{
padding-bottom:17px;
}

#contents #left .search{
padding:14px;
border:1px solid #e6e6e6;
margin-bottom:17px;
}

#contents #left .search select{
margin-bottom:15px;
width:190px;
}

#contents #left .search .s-word{
width:123px;
padding:0px;
height:18px;
margin-right:9px;
}

#contents #left .search input.submit{
font-size: 1.2em;
width: 40px;
padding:0px 4px;
height:23px;
}

#contents #left .notice_s{
font-size:1.2em;
}

#contents #left .search .line{
padding-bottom:15px;
margin-top:15px;
border-top:1px solid #e6e6e6;
}


#contents h3.titBlue {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #d4e3f3;
background: #eaf4ff;
}

#contents h3.titYellowGreen {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #c2dca0;
background: #e6f2d6;
}

#contents h3.titGreen {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #aedba4;
background: #dff8da;
}

#contents h3.titYellow {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #eee298;
background: #fffbd6;
}

#contents h3.titPurple {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #f2d3fd;
background: #f4e7fb;
}

#contents h3.titPink {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #fdd6db;
background: #ffe6e9;
}

#contents h3.titOrange {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #ffcbc1;
background: #ffe6df;
}

#contents h3.titBlueGreen {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #d0dede;
background: #e6f5f8;
}

#contents h3.titBrown {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #e9ccbf;
background: #f6e7e0;
}

#contents h3.titcerblue {
font-size: 1.2em;
padding: 8px 7px;
margin-bottom: 15px;
border: 1px solid #bcffff;
background: #eaffff;
}


/*
==================================================================================

フッター

==================================================================================
*/

#bottom{
clear:both;
background:#000;
color:#fff;
}

#bottom #footer{
margin:0px auto;
padding-top:9px;
width:960px;
height:26px;
overflow:hidden;
}

#bottom #footer ul{
float:right;
margin-right:-13px;
}

#bottom #footer li{
float:left;
padding:0px 12px;
border-right:1px solid #777;
}

#bottom #footer.copyright{
float:left;
}

#bottom #footer a:link{color:#fff; text-decoration:underline;}
#bottom #footer a:visited{color:#fff; text-decoration:underline;}
#bottom #footer a:active{color:#ccc; text-decoration:underline;}
#bottom #footer a:hover{color:#ccc; text-decoration:underline;}