@charset "UTF-8";
/* ブラウザスタイルの初期化 */
*{
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #444;
	font-size: 100%;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
	}
br {
    letter-spacing:normal;
    }
/* リンク設定 */
a{
     
	text-decoration: none;
        color: #696969;
        border-bottom:1px dotted;
	border-color: #CECECE;
	}
a:hover,
a:active{
	opacity:0.5;
	}
a:visited {
 color: #000000;
 }


/* 背景 */
html,body{
  width: 100%;
  font-size: 100%;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	background: #F2F7F7;
	
	
	
	}
/* サイトタイトル */
h1, h1 a:link, h1 a:visited{
	font-family:  serif;
	margin: 20px 0;
	font-weight: normal;
	font-size: xx-large;
	}

/* メニュー */
ol{
	margin-left: 1em;
	list-style: none;
	}
ol li span{
	color: #888;
	}
.menu li a{
	margin-right: 10px;
	}

.text li a{
	
	}
ul	{
	list-style: none;
	}
ul li mail{
	margin-bottom: 10px;
	border-collapse:collapse;
	
	}
ul li span{
	color: #888;
	}
	
ul.first li{
	list-style: none;
	display: inline;
	}	
ul.res li{
	margin-top:1em;
	}	
ul.res li a{
     
	text-decoration: none;
        color: #000000;
        border-bottom:none;
	}
a:hover,
a:active{
	opacity:0.5;
	}	

ul.main li{
	list-style: none;
	display: inline;
	padding-right: 0px;
	margin-right: 0px;
	}
ul.main li.last{
	border: none;
	}
ul.short li{
	list-style: none;
	display: inline;
	border-right: 1px dashed #888;
	padding-right: 7px;
	margin-right: 5px;
	}
ul.short li.last{
	border: none;
	}
ul.

/* 展示リスト2 */
ul.work_1{list-style: none;}
ul.work_1 li{color: #555;}
ul.work_1 li a{margin-right: 10px;}
dl.work_2 dd{padding-left: 10px;color: #555;}
dl.work_3 dt {float: left;width: 8em;height:auto;}
dl.work_3 dd {margin: 0 0 5px 8em;padding-left: 1em;}
dl.sub dt {float: left;width: 3em;height:auto;padding-left: 1em;}
dl.sub dd {margin: 0 0 5px 0em;padding-left: 4em; }
dl.sub span{color: #888;}
dl.si dd {margin: 0 0 5px 0em;padding-left: 1em; }
ul.work_4 li{list-style: none;display: inline;border-right: 1px dotted;padding-right: 7px;margin-right: 5px;}
ul.work_4 li.last{border: none;}
dl.mail dt {float: left;width: 5em;height:auto;}
dl.mail dd {margin: 0 0 5px 0em;padding-left: 0em; }
dl.about dt {float: left;width: 3em;height:auto;}
dl.about dd {margin: 0 0 3px 0em;padding-left: 3em; }




/* コンテンツ */
.content{
	line-height: 1.7em;
	padding: 20px 0;
	font-size: 88%;
	}
.novel, .novel a{
	line-height: 1.7em;
	font-size: 88%;
    padding: 40px 0 0;
    padding-bottom: 20px;
    letter-spacing: 1px;/*文字間隔*/
         	}
.index{
	line-height: 1.7em;
	font-size: 82%;
        border-radius: 0px;
        list-style:none;
	}


/* ページ送り */
#pager{
	position: fixed;
    bottom: 0;
    right: 10%;
    background: #F2F7F7;
    margin: 0 -200%; /* マージンを追記 */
padding: 0 200%; /* マージンで横にはみ出した部分を戻す */
	
	}
#pager li{
	padding: 0 5px;
	display: inline;
	}

/* 見出しなど */

h2{
	color: #4D8383;
	border-bottom: 1px dashed #4D8383;
	font-weight: normal;
	font-size: 18px;
	margin: 5px 0;
	}
	
h3{
    padding: 30px 0 0 0;
	color: #B4D9D9;
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	margin: 5px 0;
	}
h4{
	color: #4D8383;
	font-weight: normal;
	font-size: 15px;
	margin: 5px 0;
	}	
h5{
	color: #4D8383;
	font-weight: normal;
	font-size: 18px;
	margin: 5px 0;
	text-align: center;
	}
h6{
	color: #4D8383;
	font-size: 120%;
	font-weight: normal;
	margin: 5px 0;
	}		
	

hr{
	border: none;
	border-bottom: 2px dashed #D1E4E4;
	margin: 10px 0;
	}
bar{
	border: none;
	border-bottom: 1px dashed #4D8383;
	margin: 10px 0;
	}
/* フッター・著作権表示 */
#footer{
	position: relative;
	background: url(1-3.jpg) no-repeat 0% 0%;
	height: 232px;
	text-align: right;
	}
#copy{
	position: absolute;
	bottom: 40px;
	right: 0;
	font-size: 9pt;
	}
#copy,#copy a{
	color: #444;
	font-size: 9pt;
	text-decoration: none;
	}

/* 骨組み */
#container {
        border-radius: 0px;
	margin: 0 auto ;
	padding: 3% 3% 3% 3%;
	max-width: 800px;

	}
.wrapper{
        border-radius: 0px;
	background: #fff;
	margin: 10px auto ;
	padding: 20px 40px;

	}
	
input[type="checkbox"].ExpandCheckBox {
  display: none;
}

input[type="checkbox"].ExpandCheckBox + div.panel {
  display: none;
  clear:both;
}

input[type="checkbox"].ExpandCheckBox:checked + div.panel {
  display: block;
}	
	
	
	
	
/*名前変換*/
@media screen{

form.changeName, form.changeName fieldset,
form.changeName ul, form.changeName li,
form.changeName p
{
	margin: 0; padding: 0; border: none; background: none;
	font-weight: normal; 
}


form.changeName
{
	/* width: 15em; *//* 横幅次第でフォームの並ぶ数も変わる */
}

form.changeName legend
{
	display: none;
}

form.changeName ul, form.changeName li,
form.changeName p, form.changeName label
{
	display: inline; 
}
form.changeName li label
{
	display: none; /*項目名を非表示にする場合は inline を none に*/
}
form.changeName input,
form.changeName select
{
	vartical-align: middle;
}
form.changeName li input, form.changeName li select
{
	margin: 0 .7em 0 .25em;
}





form.changeName .process
{
	display: inline; /* 実行フォームだけ下にやりたい場合は inline をblock */
	margin-top: .2em;
}
form.changeName .process label
{
	margin-right: 0.4em;
}
form.changeName .process input
{
	margin: 0 .2em 0 0; cursor: pointer;
}

form.changeName input{ width: 6em; }
form.changeName .process input{ width: 1.5em; } 
input{
	border: 1px solid #888;
	}
	

textarea {border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;border-top-color : #888;border-right-color : #888;border-bottom-color : #888;border-left-color : #888;border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;
scrollbar-face-color:#888; 
scrollbar-highlight-color: #F2F7F7; 
scrollbar-shadow-color: #F2F7F7; 
scrollbar-3dlight-color: #888; 
scrollbar-arrow-color: #F2F7F7; 
scrollbar-track-color: #F2F7F7; 
scrollbar-darkshadow-color: #888;

}
/*メルフォ確認画面*/
#formWrap {
	max-width: 800px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	max-width:80%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	max-width:15%;
	font-weight:normal;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}


/* 小さい画面での表示 */
@media all and (max-width: 768px) {
	.wrapper{padding: 20px 20px;}
	#pager li{padding: 0 30px;}
	h1, h1 a:link, h1 a:visited{font-size: x-large;}
	.wrapper:before{display: none;}
	.content{
	text-align: left;
	}
.novel, .novel a{
   text-align: left;
	}   
	#footer{height: 260px;}#copy{bottom: 20px;}
}