@charset "UTF-8";
/*top*/

body {
	color: #333;
	margin: 0px 5px;
	background-color: #FFFFFF;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo" , "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka";
	font-size: 85%;
	line-height: 140%;
	text-align:center;
        -webkit-text-size-adjust: 100%;
}

table {width: 100%; margin: 0px; padding: 0px;}
table td {padding: 0px; border-width: 0px;}

a { color: #555;
	text-decoration: underline;}

a:hover { 
     color: #FF0000;
	 text-decoration: underline;
	 }
a:hover img {
filter:alpha(opacity=70); /* IE透明度 */
-moz-opacity:0.70; /* Firefox・Netscape透明度 */
opacity:0.70; /* Opera・Safari透明度 */
}


b {color: #555;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro";
}

strong {color:#555;}

h1 {line-height: 130%;
    font-size: 170%; 
    color: #FF3399;  
    padding: 10px 0px 5px 0px; 
    margin-top: 0px; margin-bottom: 0px;	

	}
	
h2 {font-size: 120%; 
    background-color: #F5F5F5; 
    color: #666; 
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro";
    border-left: 8px solid #FF3399; 
    border-bottom: 1px solid #CCCCCC; 
    padding: 10px 5px 8px 8px; 
    margin: 15px 0px;
    }

h3 {font-size: 100%; border-left: 5px solid #666; padding: 0px 5px ; margin: 15px 0px; color: #666; background-color:#FFF;}


/*#################### .item　####################*/

input, select, textarea {padding-top:1px;}
input.formButton {padding-top:2px;}

.item {border: 1px solid #FFF;}
.itemHead {padding: 10px 6px; margin:5 0 0 0; background-color: #efefef; color: #666; border-left:10px solid #FF3399; border-bottom:1px solid #ccc;}
.itemInfo {text-align: right; padding: 3px; background-color: #FFF}
.itemTitle a {font-size: 120%; font-weight: bold; color: #555; padding-left: 3px; background-color: transparent;}
.itemPoster {font-size: 100%; font-style:italic;}
.itemPostDate {font-size: 100%; font-style:italic;}
.itemStats {font-size: 100%; font-style:italic;}
.itemBody {padding-left: 25px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 100%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #FFF}
.itemAdminLink {font-size: 100%;}
.itemPermaLink {font-size: 100%;}

.itemre {border: 1px solid #FFF;}
.itemreHead {padding: 20px 4px; background-color: #F5F5F5; color: #666; border-left: 8px solid #FF3399; border-bottom:1px solid #ccc;}
.itemreInfo {text-align: right; padding: 3px; background-color: #FFF}
.itemreTitle a {font-size: 120%; font-weight: bold; color: #555; padding-left: 3px; background-color: transparent;}
.itemrePoster {font-size: 80%; }
.itemrePostDate {font-size: 80%;}
.itemreStats {font-size: 80%; }
.itemreBody {padding-left: 5px;}
.itemreText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemreText:first-letter {font-size: 100%; font-weight: bold;}
.itemreFoot {text-align: right; padding: 3px; background-color: #FFF}
.itemreAdminLink {font-size: 100%;}
.itemrePermaLink {font-size: 100%;}




.contmain1{
	width: 950px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.contmain2{
	width: 950px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
}

.contmain3{
	width: 864px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.img{ 
    vertical-align: middle;
    }
    
img.bbcode { margin: 10px 10px; }    

.ta-img1{
	padding-bottom:7px;
}
/*#################### logo hefermunu　####################*/

#topbar{
    font-size:85%;
    color:#FFFDFF;
    text-align:right;
    padding: 3px  0px  0px 0px;
    background-image: url(images/aa.gif);
	background-repeat: repeat-x;
	background-color:#FFF;
	}

.header {
	padding: 4px 10px 0px 10px;
	border-bottom: 1px solid #CCC;
	background-color: #F5F5F5;
}

.clear { clear:both; }
.clear hr { display:none; }

#headerright {
	float: right;
	width: 65%;
	text-align: right;

}

#headerleft{
	float: left;
	width: 30%;
}


.header2 {
     padding: 15px 15px 10px 15px;
     margin-bottom: 0px;

}

#headerlogo {
	float: left;
	width: 32%;
	text-align:left;
	background-color:#FFF;
}

#loginmenu{
	float: left;
	width: 35%;
	text-align: left;
	padding:5px;
	background-color:#FFF;
}

#banner{
	float: right;
	width:30%;
	text-align: right;
	padding:5px;
	background-color:#FFF;
}

#headerbar {
	background-image: url(images/hbar.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top:0px;
	padding: 0px;
}

#PR {
      color:#999;
      font-size: 80%;
      text-align: left;
      padding: 0px;
      margin: 0px;
      }


/*#################### main-nav　####################*/

.main-navi a{
    text-decoration: none;
	width:104px;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-top: 7px;
	background-image: url(images/gnav1.gif);
	background-repeat: no-repeat;
	background-color:#FFFDFF;
	font-weight: bold;
	font-size: 95%;
	text-align: center;
	display: block;
	float: left;
	color: #fff;
	background-position: 3px;
}

.main-navi a:hover{
	background-image: url(images/gnav2.gif);
	color: #FFFDFF;
	background-color:#FFF;
	background-repeat: no-repeat;
	text-decoration: none;
}
/*#################### login　####################*/

#loginpage{ 
    border: 0px solid #CCC;
    padding: 1px 10px; 
    margin-top:10px;
    }
    
#loginpage2{ 
    text-align: center;
    border: 1px solid #CCC;
    margin:10px 0px 0px 0px;
    padding: 20px 10px;
    vertical-align:middle;
    background-color:#FFFFEE;
    }
    
    #loginpage3{ 
    text-align: center;
    border: 1px solid #CCC;
    margin:0px 0px 0px 0px;
    padding: 20px 10px;
    vertical-align:middle;
    background-color:#FFFFEE;
    }

    
#loginpage2 img{
    vertical-align:middle;
    padding: 0px 5px;
    }





th {
	color: #FFFFFF;
	padding : 4px 10px;
	vertical-align : middle;
	background-color :#666;
}

/*#################### login　####################*/

#loginL{
     width: 400px;
     float: left;
     text-align: right;
     margin: 0px;

     }


#loginR{
     width: 250px;
     float: right;
     text-align: right;
     margin: 0px;
    
}



/*#################### etc　####################*/
#pagetop {
	text-align:right;
	border-top:0px solid #CCC;
	padding: 5px 5px 5px 1px;
}

#pagetop img{
   vertical-align: middle;
	margin-right:5px;
}

.footmenu2{
    margin-top:5px;
    padding: 15px 0px;
	border-top: 1px solid #CCC;
	border-bottom: 0px solid #CCC;
	background-color: #FFF;
	text-align:center;

}

.footmenu{
    margin-top:5px;
    padding: 5px 0px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #F5F5F5;
	text-align:center;

}

.footmenu1{
	padding:10px;
	text-align: center;
	background-color: #FFF;
}

#bookmark{
    font-size: 85%;
    background-color:#F5F5F5;
    margin: 20px 0px 5px 0px;
    padding:7px;
    text-align: right;
    }
    
.next{ text-align: right;}


/*#################### outer even odd foot　####################*/

table#table-01 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    color: #FFFFFF;
	padding : 5px;
	vertical-align : middle;
	background-color :#999;
	white-space: nowrap; 

	}


table#table-01 td {
    padding : 5px;
    white-space: nowrap; 
}



.outer {border: 1px solid #CCCCCC;}
.head {
	padding: 5px;
	background-color: #C5C5C5;
}

.even {
	padding: 5px;
	background-color: #FFF;
}

.odd {
	padding: 5px;
	background-color: #F5F5F5;
}

.foot {
	padding: 5px;
	background-image: url(images/foot.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
}

tr.even td {
	padding: 5px;
	background-color: #FFF;
}

tr.odd td {
	padding: 5px;
	background-color: #F5F5F5;
}

/*#################### erromsg　####################*/

div.errorMsg { background-color: #FFEEEE; text-align: center; border-top: 1px solid #FFCCCC; border-left: 1px solid #FFCCCC; border-right: 1px solid #FFCCCC; border-bottom: 1px solid #FFCCCC; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #FFEEEE; color: #555322; text-align: center; border-top: 1px solid #FFCCCC; border-left: 1px solid #FFCCCC; border-right: 1px solid #FFCCCC; border-bottom: 1px solid #FFCCCC; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #FFEEEE; color: #555322; text-align: center; border-top: 1px solid #FFCCCC; border-left: 1px solid #FFCCCC; font-weight: bold; border-right: 1px solid #FFCCCC; border-bottom: 1px solid #FFCCCC; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFEEEE; border: 2px dashed #FFCCCC; padding: 5px; margin:10px 15px}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 100%; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 100%;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 100%;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: 100%}
.comDateCaption {font-weight: bold; font-style: normal;}


/*#################### d3pipes　####################*/

.d3pipes_block_sync_aggregated1 {padding-top: 0px; padding-bottom: 2px; border-bottom: 1px dotted #999;}



.aa {text-align: right;
     }

/*#################### スクール検索　####################*/

.main_cont dt{
float:left;
padding:3px;
width:85px;
white-space:nowrap;
}

.main_cont select{
width:0px;
}
.main_cont dd{
padding:3px;
margin-left:0px;
white-space:nowrap;
margin-bottom:3px;
}
.main_cont dt#even,
.main_cont dd#even{
background-color:#FFEEEE;
}




/* ##################　テーブル用　#################　*/

.table-01{
    border: 1px solid #CCCCCC;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    padding: 10px;
    margin: 10px 0px;
}

.table-01 td{padding:10px;}


.sample_03{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.sample_03 th{
width:25%;
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #feedf3;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.sample_03 td{
width:75%;
padding:4px;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* ##################　new　#################　*/

span.new1 {
color: #FF0000;
font-size:60%;
}

span.new2 {
color: #FF9595;
font-size:60%;
}


/* ################# 二重ライン ################ */

.wline {
    border-top: 10px double #CCC;
    border-bottom: 10px double #CCC;
    background-color:#FFF;
    padding: 10px 5px;
    margin: 30px 0px;
    color: #666;
    text-align: center;
    font-weight: bold;
    }

/* 

<tr class="head">
<th>項目</th>
<th>入力例</th>
<th>説明</th>
</tr>
<table class="outer" align="center" cellspacing="1" border="0">
<tr class="even">
<td class="head">左タイトル１</td>
<td>右タイトル１</td>
</tr><tr class=" odd">
<td class="head">左タイトル２</td>
<td>右タイトル２</td>
</tr>
</table>



<tr>
<td class="odd">メールアドレス</td>
<td class="even">あなたのメールアドレスを入力します。<br />本当に使っているメールアドレスでないと登録できません。<br />「このメールアドレスを公開する」にはマークを付けないことをお勧めします。<br />
【入力例】 hanako@yahoo.co.jp</td>
</tr>


 */
 
 #usermenu a {
	display: block;
	background-image: url(images/menulink1.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 9px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}
#usermenu a:hover {
	background-image: url(images/menulink2.gif);
	background-repeat: no-repeat;
}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #fcc;}


/* イベント案内検索 20130614 */
.box{
    width:200px;
    height:35px;
    margin-bottom:10px;
    margin-right:10px;

    background-color:#eeeeee;

/*
    box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
*/
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);

    float:left;
    background-image:-moz-linear-gradient(top, #ffffff, #eeeeee);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee), color-stop(1,#ffffff));
}

.box:hover {
filter: alpha(opacity=80);
opacity: 0.8;
}

.box a{
    margin-left:30px;
    margin-top:7px;
}


.fourcorners{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
}

/* 20130927 minagawa start */
/*モールバナーのスタイル*/
.mall_banner{
	display:block;
	width:220px;
	height:85px;
	margin-right:auto;
	margin-left:auto;
	border:1px solid #F39CC9;
}
/* 20130927 minagawa end*/

/*20160120 morita start*/
select#emp_city,select#emp_station_station {
    width: 240px;
}

.d3baseCatList .odd {
    white-space: nowrap;
}
a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

.more {
    background: #c5c5c5;
    color: #000000;
    width: 200px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}
.more_content {
    margin:0;
}
.more_content li {
    margin: 0 0 5px;
    list-style-type:none !important;
}

.font_smaller{
    font-size:9px;
}

/*20160120 morita end*/