@charset "UTF-8";

/* fontサイズ表
	10px 	77%
	11px 	85%
	12px 	93%
	13px 	100%
	14px 	108%
	15px 	116%
	16px 	123.1%
	17px 	131%
	18px 	138.5%
	19px 	146.5%
	20px 	153.9%
	21px 	161.6%
	22px 	167%
	23px 	174%
	24px 	182%
	25px 	189%
	26px 	197%
	28px 	215.4%
	40px	307.7%
*/

/* ====== ikiningyoの設定 ====== */

#header h1{
	clear: both;
	background:url("../images/ingw/ikiningyo/title_ikiningyo.png") 4px 4px no-repeat;
	width: 898px;
	height: 0px;
	padding-top: 208px;
	overflow:hidden;
	margin: 40px auto 10px;
	border: 1px solid #ccc;
	line-height: 1.5;
}


#h2_ikiningyo{
	float: left;
	width: 234px;
	height: 0px;
	padding-top: 29px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url("../images/ingw/ikiningyo/h2_ikiningyo.png");
	background-repeat: no-repeat;
	line-height: 1.5;
}


#h2_mokuji{
	float: left;
	width: 234px;
	height: 0px;
	padding-top: 29px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url("../images/ingw/ikiningyo/h2_mokuji.png");
	background-repeat: no-repeat;
	line-height: 1.5;
}

#story_count{
	float:right;
	padding-top: 4px;
	margin-right: 185px;
}

.site_discription{
	clear:left;
	margin-top:10px;
	text-indent: 1em;
}

#wikipedia{
	text-align: right;
	font-size: 93%; /* 12px */
}

#story_menu{
	margin: 20px 0px 10px;
}

#story_menu li{
	float: left;
	width: 425px;
	margin-bottom: 5px;
}

#story_menu li:nth-child(2n-1){
	clear: left;
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #ccc;
}

.title{
}

.title a{
	display: block;
}

.title a:hover{
	background-color: #ccc;
	color: #000;
}

.source_long,
.source_middle,
.source_short{
	float: right;
	padding: 0 1px;
	line-height: 20px;
}


.source_long{
	border-bottom: 2px solid #2792c3;
}

.source_middle{
	border-bottom: 2px solid #82ae46;
}

.source_short{
	border-bottom: 2px solid #eebbcb;
}

#back {
	float: left;
}

#next {
	float: right;
}

#yogoshu_link a{
	display: block;
	position: fixed;
	right: 0px;
	top: 400px;
	overflow: hidden;
	width: 50px;
	padding-top: 270px;
	height: 0px;
	background: url("../images/ingw/ikiningyo/ikiningyo_yogoshu.png") no-repeat;
	line-height: 1.5;
}

pre{
	margin-bottom: 40px;
	clear: both;
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
	width: auto;
	-webkit-text-size-adjust: 220%;
	-moz-text-size-adjust: 220%;
	-ms-text-size-adjust: 220%;
	-o-text-size-adjust: 220%;
	text-size-adjust: 220%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/* ====== 用語集 ====== */

#h2_yogoshu{
	float: left;
	width: 234px;
	height: 0px;
	padding-top: 29px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url("../images/ingw/ikiningyo/h2_yogoshu.png");
	background-repeat: no-repeat;
	line-height: 1.5;
}

#h3_person{
	width: 234px;
	height: 0px;
	padding-top: 29px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url("../images/ingw/ikiningyo/h3_person.png");
	background-repeat: no-repeat;
	line-height: 1.5;
}

#h3_place{
	width: 234px;
	height: 0px;
	padding-top: 29px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url("../images/ingw/ikiningyo/h3_place.png");
	background-repeat: no-repeat;
	line-height: 1.5;
}

#h3_other{
	width: 234px;
	height: 0px;
	padding-top: 29px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url("../images/ingw/ikiningyo/h3_other.png");
	background-repeat: no-repeat;
	line-height: 1.5;
}

#h3_image{
	width: 234px;
	height: 0px;
	padding-top: 29px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url("../images/ingw/ikiningyo/h3_image.png");
	background-repeat: no-repeat;
	line-height: 1.5;
}

.description_table {
	background-color: #ffffff;
	border: #dcdddd 1px solid;
	border-collapse: collapse;
	font-size: 11px;
	width: 100%;
	color:#333333;
} 
.description_table th {
	border-bottom: #dcdddd 1px solid;
	background-color: #efefef;
	text-align: left;
	padding: 10px;
	font-weight: bold;
} 
.description_table td {
	text-align: left;
	padding: 10px;
	vertical-align: top;
}
.description_table tr:nth-child(2n+1) td {
	background-color: #fff;
}
.description_table tr:nth-child(2n) td{
	background-color: #f7f8f8;
}

.description_table td:nth-child(1){
	width: 120px;
}

.description_table td:nth-child(2){
	width: 200px;
}

.description_table td:nth-child(4){
	text-align: center;
}

#image_list{
}

#image_list li{
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}


/* ====== mobile ====== */
@media screen and (max-width: 800px) {


	#story_menu li{
		float: none;
		width: auto;
		max-width: 100%;
		padding: 0px;
		margin: 10px 0;
	}

	#story_menu li:nth-child(2n-1){
		padding-right: 0;
		margin-right: 0;
		border-right: none;
	}
}