/* CSS layout */
/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	/* color:#333333; */		/*文字色*/
} 

.space{
	line-height:1.2;
	padding-bottom:0px;
}

img{
	border:0px;
}



dd {
margin-left: 1em;
}


.tx_date{
	vertical-align:top;
	text-align:right;
	white-space:nowrap;
}

.tx{
	
	font-size:12px;
}
.tx0{
	
	font-size:14px;
}
.tx1{
	
	font-size:16px;
}

/*============================================
コンテンツ
============================================*/

#container {
	/*min-width: 600px;*/
	/* 最小の高さ */
	/* min-height:500px; */
	background-color:#FFFF99;
	color:black;
}

#page_content{
	background-color:#FFFF99;
	color:black;
}

/* 行頭1字下げ */
.indent{
padding-left:1em;
/*padding-left:3%;*/
}

.accentbgc{
	background-color:#ffa500;
	color:black;
}

.list_dec{
	list-style-type:decimal;
}
/*============================================
レスポンシブWebデザイン対応
============================================*/
/* ウィンドウ幅が0〜767pxの場合に適用するCSS */
@media screen and (max-width:767px){

html {
	font-size: 100%;
}

body {
 	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	background-color:#999999;	/*ページ全体の背景色*/
	background-color:silver;	/*ページ全体の背景色*/
/*	text-align:center;	*/	/*IE6以下でセンタリングするための対策*/
	height: 100%;
	font-family:"ＭＳ Ｐ明朝";
}

.gradient01 {
	color:lightgray;
/*	color:white;*/
	/* Old Browsers */ 
	background:#000000;

}



/*============================================
ヘッダ
============================================*/

#masthead {
/*height:68px;*/
/*margin:0;*/
background-color:#000000;
color:#FFFF99;
text-align:center;
/*font-size:1.8rem;*/

}

.sitename{
	text-align:center;
	padding-left:0;
}

.site_txt{
	 display:inline;
	 font-size:medium;
}

.domainname{
	text-align:right;
	padding-right:3em;
}

#top_nav {
background-color:#fcc800;
color:black;
/*color:white;*/
text-align:center;
font-size:medium;

}


/* クラスbrの箇所で改行を入れる処理 */
.br:before {
	content:"\A";
	white-space:pre;
}

h1{
	font-family:HGP明朝E;
	text-align:ceter;
	padding-top:0px;
}

h1#sitename{
	text-align:center;
	font-size:150%;
}

h3{
	
/*	font-size:2.6rem;*/
	line-height:1.2;
	padding-bottom:1px;
}
/*
li {
  display: inline-block;
}
*/
/* 行頭下げ */
.line_left{
	padding-left:30px;
}

/*ニューステロップ*/
.tx_trop{
/*	font-size:2.4rem;*/
	color:#000000;
	font-weight:bold;
}

.button {
	margin:3px 0 0 10px;
	width:150px;
color:#FFFF99;
/*	color:white;*/
	background-color:#000000;
/*	font-size:2.0rem; */
	font-weight:bold;  
	/* text-shadow: 1px 1px 3px red; */
	text-align:center;  
	box-shadow: 5px 5px 0 0 darkgrey;
	display:block;  
	text-decoration:none;  
	border:1px solid #225588;  
	padding:12px 0 8px 0;  
	/* padding:6px 0 4px 0; */  
	border-radius:5px;  
	margin-bottom:5px; 
}

.button_s{
	font-size:small;
}

/* table内のセルを横並びから縦並びにする */
.table-responsive　tr,
.table-responsive td{
display:block;
}


/*============================================
著書一覧
============================================*/
/*
.auto-style1 {
	border-width: 0px;
	width:520px;
}
*/

.auto-style2 {
/*	font-size:2.0rem;*/
	border-style: solid;
	border-width: 0px;
	padding-top:10px;
	padding-left:10px;
	width:auto;
}

/*============================================
Webフォーム
============================================*/

input[type=text]{
/* height:30pt;*/
}

input[type=submit]{
/* 	font-size:2.5rem;*/
 }
input[type=reset]{
/* 	font-size:2.5rem;*/
}

textarea{
	width:100%;/* cols="30" */
	height:15em;/* rows="15" */
}

li{ 
	padding: 0; 
	margin: 0; 
	/* float: left; */
	list-style-type:none;		/*リストマーカー無しにする*/
}

.list{
	list-style-type:square;
}

.list2{
	display:inline-block;
}
}

/* ウィンドウ幅が480px以上の場合に適用するCSS */
@media screen and (min-width:480px){

/* table内のセルを横並びから縦並びにする */
.table-responsive　tr,
.table-responsive td{
display:table-cell;
}


}
/*============================================
レスポンシブWebデザイン対応
============================================*/
/* ウィンドウ幅が最低768px（タブレットサイズ）以上の場合に適用するCSS
	iPad（768×1024)	*/
@media screen and (min-width:768px){

html {
	height:100%;
}

body {
 	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	background-color:#999999;	/*ページ全体の背景色*/
	background-color:silver;	/*ページ全体の背景色*/
	text-align:center;	/*IE6以下でセンタリングするための対策*/
	height: 100%;
	font-family:"ＭＳ Ｐ明朝";
}

#pagebody{
	 width:796px; 
	margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
 	/* background-image:url("images/bg_pagebody.gif"); */	/*内容全体の背景*/
	/* background-repeat:repeat-y; */	/*背景画像を縦方向に繰り返す*/
/*	background-color:#00008b;	*/	/*内容全体の背景色*/
	background-color:#FFFF99;		/*内容全体の背景色*/
}

.gradient01 {
	/* Old Browsers */ 
	background:#000000;

	 /* IE10 Consumer Preview */ 
/*	background-image: -ms-linear-gradient(left, #000000 0%, #FFFF99 100%);*/
	/* Mozilla Firefox */ 
/*	background-image: -moz-linear-gradient(left, #000000 0%, #FFFF99 100%);*/
	/* Opera */ 
/*	background-image: -o-linear-gradient(left, #000000 0%, #FFFF99 100%);*/
	/* Webkit (Safari/Chrome 10) */ 
/*	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffd700), color-stop(1, #84a2d4));*/
	/* Webkit (Chrome 11+) */ 
/*	background-image: -webkit-linear-gradient(left, #000000 0%, #FFFF99 100%);*/
	/* W3C Markup, IE10 Release Preview */ 
/*	background-image: linear-gradient(to right, #000000 0%, #FFFF99 100%);*/
	
	color:lightgray;

}


/*============================================
ヘッダ
============================================*/

#masthead {
/*height:68px;*/
margin:0;
background-color:#000000;
color:#FFFF99;
/*color:white;*/
text-align:center;
font-size:20px;
}


.sitename{
	text-align:center;
	padding-left:0;
}

.site_txt{
	 display:inline;
	 font-size:12pt;
}
.domainname{
	text-align:right;
	padding-right:3em;
	font-size:18pt;
}

#top_nav {
background-color:#ffd700;
color:black;
/*color:white;*/
text-align:center;
font-size:17px;

}


.gradient01 {
	font-size:19px;
}

h1{
	font-family:HGP明朝E;
	text-align:center;
/*	padding-left:8.0rem;*/
	font-size:22pt;
	height:35px;
	padding-top:0px;
}

h1#sitename{
	text-align:center;
}

h3{
	line-height:1.2;
	padding-bottom:1px;
}

.boxA:after{
	content:"";
	display:block;
	clear:both;
}


.box2{
	float:right;
	width:20%;
	margin-right:12%;
}
.box3{
	float:left;
	width:65%;	
}

/* 行頭下げ */
.line_left{
	padding-left:30px;
}

/*
.tx{
	
	font-size:12px;
}
.tx0{
	
	font-size:14px;
}
.tx1{
	
	font-size:16px;
}
*/

/*ニューステロップ*/
.tx_trop{
	color:#000000;
	font-size:20px;
	font-weight:bold;
}

.button {
	margin:3px 0 0 40px;
	width:200px;
	color:#FFFF99;
/*	color:white;*/
	background-color:#000000;
/*	font-size:18px;  */
	font-weight:bold;  
	/* text-shadow: 1px 1px 3px red; */
	text-align:center;  
	box-shadow: 5px 5px 0 0 darkgrey;
	display:block;  
	text-decoration:none;  
	border:1px solid #225588;  
	padding:12px 0 8px 0;  
	/* padding:6px 0 4px 0; */  
	border-radius:5px;  
	margin-bottom:5px; 
}

/*
#right_col {
	width: 260px;
	float: right;
}
*/
/*============================================
著書一覧
============================================*/
/*
.auto-style1 {
	border-width: 0px;
	width:520px;
}
*/

.auto-style2 {
	border-style: solid;
	border-width: 0px;
	padding-top:10px;
	padding-left:10px;
	width:300px;
}

/*============================================
Webフォーム
============================================*/
input[type=text]{
 height:25px;
}


textarea{
	width:27em;/* cols="30" */
	height:15em;/* rows="15" */
}

li{ 
	padding: 0; 
	margin: 0; 
	/* float: left; */
	list-style-type:none;		/*リストマーカー無しにする*/
}

.list{
	list-style-type:square;
}

}

/*票の罫線*/
.ruledline{
	border:thin black solid;
	padding:5px;
}

/*
#page_content {
	width:520px;
	margin-right: 200px;
	background-color:#84a2d4;
	color:black;
}
*/

/*============================================
フッタ(画面共通）
============================================*/

#footer {
	clear: both;
	background-color:#000000;
	color:#FFFF99;
	text-align:center;
	font-size:18px;
	font-family:HGP明朝E;
}
/*============================================
各部品
============================================*/

/*ニューステロップ*/
#demo{
	border: #000 0px solid;
    overflow: hidden;
    /* width: 100%; */
    margin: 0 auto;
}

a.top{
color:black;
/*color:white;*/
}
ul{
	margin: 0; 
	padding: 0; 
}



.button:hover {
	color: black;
	background-color:#fcc800;
	box-shadow:5px 5px 0 0 black;
/*	color:white;*/
}
.button::after {
	color: black;
	background-color:#fcc800;
	/* background-color:yellow; */
	box-shadow:5px 5px 0 0 black;

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button:hover::after {
}

/*============================================
ホームページ画像切り替え
============================================*/
/* .viewer {
	margin: 0 auto;
	width: auto;
	height: 300px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer img {
    top:0;
    left:100;
	position: absolute;
}
 */
.viewer {
    top:0;
    left:100;
  	padding-top:5px;
	width:auto;
	height: 300px;
    position: relative;
    /* はみ出た画像は隠す */
	overflow: hidden;
    /* margin-top:5px; */
/*    margin-left:300px; */
/* margin: 0 auto; */	

}

.viewer ul {
	width: 250px;
	height: 300px;
	position: relative;
	/* position: fixed;  */ /* absolute or fixed */
    /* はみ出た画像は隠す */
	overflow: hidden;
}

.viewer ul li {
/* 
	top: 0;
	left: 0;
 */
    margin-left:50px;
	width: 0px;
	height: 300px;
	display: none;
	position: relative;
	/* position:fixed; */
}
.viewer ul li img{
/* 
	margin: 0 auto;
 */
 	/* width: 100%; */
   position: absolute;
	/* position:fixed; */
}

/*============================================
Webフォーム
============================================*/
#formWrap {
/*	width:500px;*/
	margin:0 auto;
	color:#180614;
	line-height:120%;
/*	font-size:90%;*/
}

table.formTable{
/*	width:100%;*/
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td{
	width:75%;
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:25%;
	font-weight:normal;
	background-color:#ffdb4f;
/*	color:#191970;*/
	font-weight:bold;
	text-align:left;
	border:1px solid #ccc;
	padding:10px;

}

input#お名前{
	size:35em;
}

input#所属{
	size:50em;
}