@charset "utf-8";

@import url("../base1.css");

/* photoページへの設定 */

/* テンプレート用 */


/* メインのコンテンツ　真ん中への設定 */
#p1{
width:460px;
float:left;
height:auto;
}

/* 右側のコンテンツ　全体への設定 */
#p2{
width:220px;
float:left;
margin-left:20px;
}


/* カレンダー上の月 */
.p1{
margin-top:20px;
font-weight:700;
}

/* カレンダー全体に適用 */
.p2{
font-weight:700;
}

/* カレンダー　曜日　日曜 */
.p3{
background-color:#db2b26;
color:#ffffff;
text-align:center;
}

/* カレンダー　曜日　平日 */
.p4{
background-color:#c2c2c2;
color:#ffffff;
text-align:center;
}

/* カレンダー　曜日　土曜 */
.p5{
background-color:#316eb7;
color:#ffffff;
text-align:center;
}

/* カレンダー　黒色のテキストと配置 */
.p20{
color:#000000;
text-align:center;
}

/* 黒色のテキストリンクをそのまま黒色に表示する設定カレンダー */
.p20 a{
color:#000000;
}

/* 黒色のテキストリンク　カーソルが上にある状態 */
.p20 a:hover{
background-color:#c2c2c2;
display:block;
color:#f3981d;
}

/* カレンダー　赤色のテキストと配置 */
.p21{
color:#db2b26;
text-align:center;
}

/* 赤色のテキストリンクをそのまま赤色に表示する設定 */
.p21 a{
color:#db2b26;
}

/* 赤色のテキストリンク　カーソルが上にある状態 */
.p21 a:hover{
background-color:#c2c2c2;
display:block;
color:#f3981d;
}

/* カレンダー　青色のテキストと配置 */
.p22{
color:#316eb7;
text-align:center;
}

/* 青色のテキストリンクをそのまま青色に表示する設定 */
.p22 a{
color:#316eb7;
}

/* 青色のテキストリンク　カーソルが上にある状態 */
.p22 a:hover{
background-color:#c2c2c2;
display:block;
color:#f3981d;
}




/* 各ページへの設定 */

/* 英字のタイトル */
.p6{
font-size:18px;
font-weight:700;
margin-top:20px;
text-align:center;
}

/* タイトル下のテキスト */
.p7{
margin-top:5px;
margin-bottom:20px;
text-align:center;
}

/* 写真　テーブル全体への設定 */
.p8{
margin:0;
padding:0;
}

/* 写真　真ん中のtd */
.p9{
width:180px;
text-align:center;
}

/* 写真　各tdへ */
.p10{
padding-top:10px;
}

/* 日付、ＡＭ、ＰＭのテキスト */
.p11{
font-weight:700;
font-size:18px;
text-align:center;
margin-bottom:20px;
}

/* 写真　テーブルの囲い */
#p3{
width:460px;
height:1170px;
}

/*  */
/*  */
/*  */

#x1{
width: 460px;
height: 1000px;
position: relative;
overflow:hidden;
}
#x2{
width: 460px;
height: 1000px;
position: relative;
overflow: hidden;
}
.x3{
width: 460px;
height: 1000px;
position: relative;
overflow:hidden;
}



#main_site{
    width: 900px;
    height: 450px;
    margin: auto;
    overflow: hidden;
    background: #ccc;
    clear: left;
    position: relative;
}
    #wrapper{
        width: 950px;
        height: 450px;
        overflow: auto;
        position: relative;
    }
    .pge{
        width: 900px;
        height: 450px;
        color: #fff;
        overflow: hidden;
        position: relative;
    }







/* ���C���̎ʐ^��u���ꏊ�̐ݒ� */
.photo1{
height:1000px;
width:420px;
margin:0;
padding-top:0;
padding-right:auto;
padding-bottom:30px;
padding-left:0;
background-color:#b0c4d4;
}



/* �y�[�W�E���̏c��ւ̐ݒ�@�㑵�� */
.photo2{
vertical-align:top;
}


/* �y�[�W�E����GIF�e�L�X�g�@�ʐ^�W�ɂ‚��āE���f�f�ځE�E�֐ݒ� */
.photo3{
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding-top:30px;
padding-right:auto;
padding-bottom:0;
padding-left:20px;
}


.photo4{
padding-top:30px;
margin-left:20px;
}


.photo5{
padding-left:20px;
}


.photo6{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
}

.photo100{
height:600px;
width:420px;
margin:0;
padding-top:0;
padding-right:auto;
padding-bottom:30px;
padding-left:0;
background-color:#b0c4d4;
}


/* 新規ページへ */

/* 上部のテキスト */
.photoa{
font-weight:700;
font-size:18px;
padding-top:10px;
padding-bottom:10px;
}

/* 写真一覧　全体の位置 */
.photob{
height:1000px;
width:420px;
margin:0;
padding-top:0;
padding-right:auto;
padding-bottom:30px;
padding-left:0;
background-color:#b0c4d4;
float:left;
}

/* 写真一覧　全体の位置　高さショートバージョン */
.photobs{
height:500px;
width:420px;
margin:0;
padding-top:0;
padding-right:auto;
padding-bottom:30px;
padding-left:0;
background-color:#b0c4d4;
float:left;
}

/* 写真集について・無断掲載　位置 */
.photoc{
padding-top:20px;
padding-left:20px;
}

/* 右側全体の位置設定 */
.photod{
float:left;
}

/* カレンダー　全体への設定 */
.calendar1{
padding-top:20px;
padding-left:15px;
font-weight:700;
}

/* カレンダー　赤の日 */
.red{
text-align:center;
color:#8b0000;
}

/* カレンダー　青の日 */
.blue{
text-align:center;
color:#00468c;
}

/* カレンダー　平日 */
.black{
text-align:center;
}

/* 日曜日 */
.dayr{
background-color:#8b0000;
text-align:center;
color:#FFFFFF;
}

/* 土曜日 */
.dayb{
background-color:#00468c;
text-align:center;
color:#FFFFFF;
}

/* 平日 */
.day{
background-color:#8c8c8c;
text-align:center;
color:#FFFFFF;
}

/* カレンダーのリンク用カラー */
a.calendar2:hover{
color:#FF6600;
}

/* カレンダーのｔｄにマウスを置いた時に変わる */
td.calendar3:hover{
background-color:#d3d3d3;
}

/* リンク用カラー　赤 */
.color3{
color:#8b0000;
}

/* リンク用カラー　青 */
.color4{
color:#00468c;
}



.color5{
color:#b2b2b2;
}