/* CSS Document */
/* 基本設定 */
BODY{
    margin:0px;
    padding:0px;
    background-color:#ffffff;
    color:#2D0745;
}
img{				
	border:0px;
}
a:hover {
    color:#ff0099;
}
a:visited{
    color:#663399;
}

/****** ヘッド ******/
#head {
    width:1000px;
    height:83px;
    position:absolute;
    background-color:#dddddd;
    overflow:hidden;
}
#head img{
    float:left;
}
#head p{
    position:absolute;
    right:10px;
	bottom:0px;
    font-size:x-small;
}
#head a{
    text-decoration:none;
}
#head a:link{
    color:#2D0745
}
#head a:hover {
    color:#ff0099;
}

/****** レフト ******/
#left{
    width:220px;
	height:650px;
    background-color:#00ffff;
    background: url(img/left1.jpg) no-repeat;
	position:absolute;
    top:83px;
    z-index:100;
}
ul.m-menu{
    text-align:left;
    margin-left: 0px;
}
ol.sub{
    text-align:left;
}

/*********２：カラーリングの設定***********/
.sub{background-color:#ffffff;}
.sub li{background-color:#ffffff;}
.sub a:hover{background-color:#ffffff;}

.m-menu a:link{color:#CCFFFF;}
.m-menu a:visited{color:#ccccff;}
.m-menu a:hover{color:#ff99ff;}

.sub a:link{color:#0000ff;}
.sub a:visited{color:#663399;}
.sub a:hover{color:#ff0099;}

/*****３：メニューサイズ・余白・枠線の設定*****/
ul.m-menu{
    width:1%;
    left:0px;
	top:70px;
}
ol.sub{
    left:100%;
    top:-20px;
    width:160px;
}
/*----------メインメニューアイテム幅の設定---------------*/
.m-menu li.off{
    height:25px;
    width:160px;
}
.m-menu li.on{
    height:25px;
    width:160px;
}
/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
    left:160;
    top:-20;
    width:160px;
}
/*------------サブメニューアイテム幅の設定----------------*/
ol.sub li.off2{
    width:160px;
    height:18px;
}
ol.sub li.on2{
    width:160px;
    height:18px;
}
/*---------------サブメニュー枠線の設定--------------------*/
.sub li.off2,.sub li.on2{
    border-bottom:1px solid #000066;
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:2px 5px;
    width:160px;
    height:14px;
}
/*************６：変更不可*********************/
.m-menu *{margin:0px;padding:0px;list-style:none;display:block;}
ul.m-menu{position:relative;}
ul.m-menu li.off{position:relative;float:left;overflow:hidden;}
ul.m-menu li.on{float:left;overflow:hidden;}
ul.m-menu>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}

.m-menu a{text-decoration:none;}

/****** メイン *******/
#main{
    position:absolute;
    top:83px;
    left:220px;
    background-color:#FFFFFF;
    width:780px;
    font-size:small;
}
#photo_wa{
    float:left;
}
#photo{
    float:right;
	margin: 5px 5px;
}
#photol{
    float:left;
	margin: 5px 5px;
}
/**** コンテンツ用 ****/
#column{
	position:relative;
	width:779px;
	margin-top:35px;
	margin-left:30px;
	background-color:#FFFFFF;
	left: -19px;
	top: 5px;
	height: 1117px;
}
#column h1{
    position:relative;
    border-bottom: inset 2px #ff0000;
    width:145px;
    text-align:left;
    font-size:large;
    padding:0em 0.3em;
}
#column h2{
    position:relative;
    text-align:left;
    font-size:medium;
    padding:0em 1.8em;
	background: url(../img/p_dol.gif) no-repeat center left;
}

#column a{
   text-decoration:none;
}
#column p{
    margin:0.3em 0.5em 0.3em 1.5em;
    line-height:1.5em;
}

#footer{
    position:relative;
    background-color:#FFFFFF;
    width:760px;
}
#photo_f{
    float:right;
}