@charset "utf-8";

*{margin:0;padding:0;}

html{background:#ffffff;
height:100%;
}

body{
font: 13px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: url(/images/header.png) repeat-x;
height:100%;
}

a{color:#116fa5;text-decoration:none;}
a:hover{color:#1a8dcf;text-decoration:underline;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}

#wrap {
min-height: 100%;
}

/*******************************
全体幅
*******************************/
#header, #container, .inner{
margin: 0 auto;
width: 980px;
}


/*******************************
/* ヘッダー
*******************************/
#header{
position:relative;
height: 110px;
padding-bottom:20px;
}

#header h1,#header h2, #header h3, #header ul, #header .banners {
font-weight:normal;
position:absolute;
top:0;
color: #333;
font-size: 10px;
line-height: 21px;
}

#header h2{right:0;}

/* ロゴの位置 */
#header a.site_logo {
position:relative;
top:35px;
display:block;
width:276px;
height:63px;
background:url(/images/logo_top.png) 0 100%;
}
#header a.site_logo h2 {
visibility: hidden;
}
#header h2.logo_caption {
position:relative;
top:30px;
left:5px;
color:#fff;
font-size:13px;
}

/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 30px;
right:0px;
width: 218px;
height: 14px;
line-height:14px;
}

#header ul li{
float:left;
list-style:none;
margin-left: 10px;
}

#header ul a{
color:#fff;
}

div.adsense_area {
text-align:center;
padding-bottom:5px;
}

/******************
/* ヘッダー　バナー
******************/
#header .banners{
right:8px;
top:57px;
}

#header div.user_cnt {
position:absolute;
right:15px;
top:90px;
color:#DCDCDC;
}

/*******************************
メイン画像
*******************************/
#mainImage{
}


/*******************************
コンテンツ位置
*******************************/
#container{
padding: 20px 0;
overflow:auto;
padding-bottom: 86px;
}

#footer_wrap {
position: relative;
margin-top: -86px; /* negative value of footer height */
height: 86px;
clear:both;
}

#main {
float: left;
width: 620px;
padding-bottom:40px;
}

#main_long {
float: left;
width: 980px;
padding-bottom:40px;
overflow: hidden;
}

#sidebar {
float: right;
width: 340px;
padding-bottom:40px;
font-size:13px;
}

/*************
サイド（右側）コンテンツ
*************/
#sidebar p{margin-bottom:20px;}
#sidebar ul{margin-bottom:10px;}
#sidebar div#ad_banner{margin-bottom:10px;}

/*************************
/* ボックスの囲み
/* .boxContainer
/* 背景画像でボックスの高さを調整
/* 
/* 各ボックス
/* .box1 1番目の2つのbox
/* .box2 2番目の3つのbox（画像）
/* .box3 3番目の2つのbox
/* .box4 4,5番目の1つのbox
/* #sidebar .box1 サイドバーのbox
*************************/
.boxContainer{
width:620px;
margin:0 auto 20px;
background:url(/images/box1.gif) 0 100%;
}

.box1,.box2, .box3, .box4{
float: left;
width: 340px;
margin: 0 20px 20px 0;
}

.box1, .box3, .box4{
width:340px;
margin:0 21px 0 0;
padding: 10px;
border-top:1px solid #dadada;
}

#sidebar .box1{
width:315px;
margin: 0 0 20px 0px;
padding: 10px 7px;
border:1px solid #dadada;
background: #fff;
}

.box3{
width:347px;
padding:0 0 10px;
}

.box4{
margin:0 0 20px 0;
padding:0;
width:715px;
border:1px solid #dadada;
background: #fff;
}

.box_main {
margin:0 0 20px 0;
padding:10px 10px 10px 10px;
width:600px;
border:1px solid #dadada;
background: #fff;
}

.box_main_long {
margin:0 0 20px 0;
padding:10px 10px 10px 10px;
width:930px;
border:1px solid #dadada;
background: #fff;
}

.space_main_long {
margin:0 0 20px 0;
padding:10px 10px 10px 10px;
width:930px;
background: #fff;
}

.space_main_long_about {
margin:0 0 5px 0;
padding:10px 10px 5px 10px;
width:930px;
background: #fff;
color:#666;
}

.aboutp {
width:80%;border-bottom:1px solid #bbb; margin-bottom:0px;
}

div.year_select {
padding: 5px 0 10px 0;
}

div.year_select div.upper {
padding-left: 3px;
}

div.year_select div.lower {
padding: 5px 0 0 18px;
}

#user_name_box img {
float:left;
margin: 0 5px 5px;
}

#user_name_box p {
padding-top: 15px;
color: #116fa5;
}

#sb_mypage {
text-align:center;
padding: 5px 0px 8px 0px;
}

#sb_classmate p {
margin-bottom:10px;
}

img.sb_user_icon {
vertical-align:middle;
}

#sb_logout {
padding: 10px 5px 0px 0px;
text-align:right;
}

/* 最後のbox */
.last{margin-right:0;}


/* 画像を中央表示 */
.box1 .center{padding-bottom:10px;}

/* 画像を左に回りこみ */
.box4 img{
float:left;
margin: 0 10px 10px;
}

.box4 h4 img{float:none;margin:0 0 10px;}

.box4 p{padding: 0 10px 10px;}


#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}

table.mypage {
float:left;
}

table.mypage td.left {
width: 150px;
float: left;
text-align: left;
padding-left: 20px;
padding-bottom: 10px;
}

table.mypage td.right {
width: 700px;
float: left;
text-align: left;
padding-bottom: 10px;
}

table.mypage input.name {
width: 120px;
}

table.mypage input.comment {
width: 500px;
}

table.mypage input.email {
width: 200px;
}

table.info {
float:left;
}

table.info td.left {
width: 150px;
text-align: left;
padding-left: 20px;
padding-bottom: 10px;
}

table.info td.right {
width: 700px;
text-align: left;
padding-bottom: 10px;
}
table.info textarea {
width: 500px;
height: 150px;
}
table.info div.input_text {
width: 500px;
}
table.info input.email {
width: 200px;
}

div.school_list {

}

div.school_list div.left {
float:left;
width: 150px;
text-align: left;
padding-bottom: 10px;
}

div.school_list div.right {
float:left;
width: 700px;
text-align: left;
padding-bottom: 10px;
}

div.school_name span{
vertical-align: top;
padding-left: 5px;
margin-top: 10px;
}

div.right div.users {
padding-left: 57px;
}

div.school_list hr {
border:none;
border-top:dashed 1px #dadada;
padding: 7px 0 7px 0;
height:1px;
width:100%;
}


div.help_answer {
padding: 10px 0 25px 0;
float: left;
}

div.help_answer div.left {
width: 30px;
text-align: right;
float: left;
vertical-align: top;
}

div.help_answer div.right {
width: 850px;
text-align: left;;
float: left;
vertical-align: top;
}

div.privacy_text {
padding: 10px 10px 25px 20px;
}

/*************
/* 見出し
*************/
.box3 h4{margin-bottom:10px;}

h5.pref_caption {
margin-bottom:10px;
padding-bottom:5px;
color: #252525;
font-weight: normal;
font-size: 14px;
border-bottom: 1px solid #dddddd;
}



#container h3{
margin-bottom:10px;
padding-bottom:5px;
color: #116fa5;
font-weight: normal;
border-bottom: 1px solid #dddddd;
}

#container h2{
padding: 0 5px 0 24px;
margin-bottom:10px;
line-height:37px;
font-size: 14px;
font-weight: normal;
color:#116fa5;
background:url(/images/h2Bg.png) no-repeat 0 100%;
}

#main_long h2{
width: 100%;
padding: 0 5px 0 24px;
margin-bottom:10px;
line-height:37px;
font-size: 14px;
font-weight: normal;
color:#116fa5;
background:url(/images/h2Bg_long.png) no-repeat 0 100%;
}

#container .box4 h3{
padding: 7px 5px;
}


/*************
/* リスト
*************/
#container ul{margin-left: 5px;}

#container ul li {
list-style: none;
margin-bottom: 8px;
padding: 0 5px 0 12px;
background:url(/images/bullet.gif) no-repeat 0 5px;
}

#container .box3 ul{padding: 0 5px;}

#sidebar ul{margin-left:3px;}

table.search_area tr {
}

table.search_area td.col_first {
width: 25%;
vertical-align:top;
}

table.search_area td.col_second {
width: 75%;
}

table.search_area select {
margin-bottom: 15px;
}

table.search_area .first_input {
margin-left: 12px;
}

table.search_area #school_name {
margin-left: 12px;
width:300px;
height:20px;
}

div.center_area {
padding-top: 15px;
padding-bottom: 10px;
text-align:center;
}

div.right_area {
padding-top: 10px;
padding-bottom: 10px;
text-align:right;
}

div.result_num {
padding: 10px 10px 10px 10px;
}

div.school_box {
margin:0 0 20px 0;
width:627px;
border:1px solid #dadada;
background: #fff;
}

div.school_box div.upper {
padding:10px 10px 5px 10px;
position:relative;
}

div.school_box div.upper .users {
position:absolute;
right:10px;
top:5px;
}

div.school_box hr {
border:none;
border-top:dashed 1px #dadada;
height:1px;
width:100%;
}

div.school_box div.lower {
padding:10px 10px 10px 10px;
}

div.school_box div.right {
text-align: right;
}

div.school_box div.lower .school_name {
padding-left: 10px;
font-size:15px;
vertical-align:top;
}

div.pagination {
text-align: center;
font-size:14px;
padding-top: 10px;
padding-bottom: 10px;
}

div .error {
color:#e00668;
font-weight:bold;
padding-bottom: 5px;
}


.bread{
margin:0 0 10px 0;
}
.bread span{
}
.bread a{
color:#fff;
text-decoration: none;
background-color:#177bad;
font-weight:bolder;
padding:0;
padding: 0 3px 0 3px;
}
.bread a:hover{
color:#FC0;
}

span.attention {
font-weight: bold;
padding: 0 3px 0 3px;
}

p.attention {
font-weight: bold;
text-align: center;
padding: 10px 10px 10px 10px;
}

div.msg {
font-weight: bold;
padding: 5px 5px 5px 5px;
color:#FC0;
}

div.classmate_list {
position:relative;
}

a#cancel_classmate {
position:absolute;
right:3px;
top:-7px;
}

table.classmate_list {
width:588px;
padding-top: 10px;
}

table.classmate_list td.cell {
width: 50%;
padding: 0 5px 5px 5px;
vertical-align:top;
}

td.cell img {
float:left;
width:50px;
}

td.cell div {
width: 225px;
float:left;
padding-left: 5px;
}

span.p_comment {
float:left;
font-size:9px;
}


div.pref_list {
padding-bottom: 10px;
}

div.pref_list a{
font-size:12px;
padding: 0 3px 0 3px;
white-space:nowrap;
}

/*******************************
/* フッター
*******************************/
#footerUpper{
clear:both;
padding: 5px 0 3px;
border-bottom:1px solid #5d5d5d;
overflow: hidden;
background:#888888;
}
#footerUpper ul {
list-style-type: none;
width:420px;
margin-right:auto;
margin-left:auto;
margin-bottom: 8px;
}
#footerUpper li {
text-align:center;
width:100px;
margin-left: 5px;
float:left;
font-size: 10px;
}

#footerUpper a{color:#fff;}
#footerUpper a:hover{color:#eeeeee;}

#footerLower{
clear:both;
padding: 10px;
text-align:center;
border-top:1px solid #7e7e7e;
background:#5d5d5d;
position:relative;
}

#footerLower div.footer_logo {
width:100%;
margin-left : auto ; margin-right : auto ;
text-align:center;
}

#footerLower a {
text-decoration:none;
}

#footerLower h2 {
color:#fff;
font-size:11px;
font-weight:normal;
display:inline;
vertical-align:top;
position:relative;
top:7px;
}

address{
color: #fff;
font-style:normal;
font-size:11px;
}

a.button_link {
display:block;
text-decoration:none;
}

a.button_link span {
visibility: hidden;
}

a#regist_fb {
width:277px;
height:72px;
background:url(/images/regist_fb.png) 0 100%;
margin-left : auto ; margin-right : auto ;
}

a#add_user {
width:222px;
height:60px;
background:url(/images/btn_add_user.png) 0 100%;
margin-left : auto ; margin-right : auto ;
}

div.cancel_window {
width:100%;
text-align:center;
margin-left : auto ; margin-right : auto ;
}

a#cancel_min {
width:191px;
height:37px;
background:url(/images/btn_cancel_min.png) 0 100%;
margin-left:105px;
float:left;
}

a#remove_user {
width:192px;
height:37px;
background:url(/images/btn_remove_user.png) 0 100%;
float:left;
margin-left:20px;
}


input#cancel {
border: 0px;
width:196px;
height:49px;
cursor:pointer;
background:url(/images/btn_canel.png) left top no-repeat;
margin-right: 15px;
}

input#regist {
border: 0px;
width:196px;
height:49px;
cursor:pointer;
background:url(/images/btn_regist.png) left top no-repeat;
margin-right: 15px;
}

input#back_search {
border: 0px;
width:196px;
height:49px;
cursor:pointer;
background:url(/images/btn_back_search.png) left top no-repeat;
margin-right: 15px;
}

input#edit {
border: 0px;
width:196px;
height:49px;
cursor:pointer;
background:url(/images/btn_edit.png) left top no-repeat;
margin-right: 15px;
}

input#confirm {
border: 0px;
width:196px;
height:49px;
cursor:pointer;
background:url(/images/btn_confirm.png) left top no-repeat;
margin-right: 15px;
}

input#change {
border: 0px;
width:196px;
height:49px;
cursor:pointer;
background:url(/images/btn_change.png) left top no-repeat;
margin-right: 15px;
}

input#user_cancel {
border: 0px;
width:196px;
height:49px;
cursor:pointer;
background:url(/images/btn_user_cancel.png) left top no-repeat;
margin-right: 15px;
}

input#inquiry {
border: 0px;
width:196px;
height:49px;
cursor:pointer;
background:url(/images/btn_inquiry.png) left top no-repeat;
margin-right: 15px;
}

div.campaign p {
padding-top:15px;
font-size:17px;
}

div.campaign b {
color:#e00668;
font-weight:bold;
}

div.campaign p.center_msg {
padding-top:15px;
font-size:20px;
text-align: center;
color:#ff0000;
}


div.campaign div.detail span {
font-weight:bold;
padding-bottom: 10px;
}

div.campaign div.detail {
border:1px solid #dadada;
}

div.campaign div.detail span{
padding-left:15px;
}

div.campaign div.detail table {
padding: 10px 10px 10px 10px;
}

div.campaign div.detail table tr {
}

div.campaign div.detail table td.left {
width:200px;
padding-bottom: 20px;
text-align:left;
}

div.campaign div.detail table td.right {
width:700px;
padding-bottom: 20px;
text-align:left;
}

div.first_camp_msg {
text-align:center;
position:relative;
}

div.first_camp_msg a{
font-weight:bold;
color:#e00668;
}

div.first_camp_msg a img {
padding-right:10px;
position:relative;
top: 15px;
}

div.camp_banner {
text-align:center;
}

p.bottom_msg {
padding-top:10px;
text-align:center;
color:#999999;
font-size:11px;
}

span.send_msg {
font-weight:bold;
color:#e00668;
}

div.addtion {
padding-top:3px;
font-size:11px;
}