/* header部分 */
	header{
		margin: 0px;
		width: 100%;
		background-image: url(img/h_back.png);
		background-size: cover;
	}

/* footer部分 */
	footer{
		margin: 0px;
		width: 100%;
		text-align: right;
		background-image: url(img/f_back.png);
		background-size: cover;
	}

/* body部分 */
	body{
		margin: 0px;
		font: 14px/1.231 "ヒラギノ角ゴ Pro W3";
		background: url(img/back.png) repeat;
	}

/* 共通関数 */
	.width005 { width:5%;}
	.width010 { width:10%;}
	.width015 { width:15%;}
	.width020 { width:20%;}
	.width025 { width:25%;}
	.width030 { width:30%;}
	.width035 { width:35%;}
	.width040 { width:40%;}
	.width045 { width:45%;}
	.width050 { width:50%;}
	.width055 { width:55%;}
	.width060 { width:60%;}
	.width065 { width:65%;}
	.width070 { width:70%;}
	.width075 { width:75%;}
	.width080 { width:80%;}
	.width085 { width:85%;}
	.width090 { width:90%;}
	.width095 { width:95%;}
	.width100 { width:100%;}
	
	
	.size040 { width:40%; margin: 0px 30%;}
	.size050 { width:50%; margin: 0px 25%;}
	.size060 { width:60%; margin: 0px 20%;}
	.size070 { width:70%; margin: 0px 15%;}
	.size080 { width:80%; margin: 0px 10%;}
	.size090 { width:90%; margin: 0px 5%;}
	
	.center {text-align: center;}
	.left {text-align: left;}
	.right {text-align: right;}
	
	.font120{font-size: 120%;}
	
	.font_white{color: #FFFFFF;}
	.font_red{color: #FF0000;}
	
	.back_yellow{background-color: #FFFF88;}
	.back_white{background-color: #FFFFFF;}
	.back_orange{background-color: #FFCC00;}
	.back_light_orange{background-color: #FFCC66;}
	
	.no_decoration{text-decoration: none;}
	
	img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	a.btn_on{
		width: 90%;
		height: auto;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background-color: #FF9900;
		padding: 8px 0px;
		margin: 5px 5%;
		display: block;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
		font-size: 100%;
	}
	a.btn_yellow{
		width: 90%;
		height: auto;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background-color: #FFFF88;
		padding: 8px 0px;
		margin: 5px 5%;
		display: block;
		color: #000000;
		text-decoration: none;
		text-align: center;
		font-size: 100%;
	}
	a.btn_off{
		width: 90%;
		height: auto;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background-color: #c0c0c0;
		padding: 8px 0px;
		margin: 5px 5%;
		display: block;
		color: #000000;
		text-decoration: none;
		text-align: center;
		font-size: 100%;
	}
	button{
		width: 90%;
		height: auto;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background-color: #FF9900;
		padding: 4px 0px;
		margin: 5px 5%;
		display: block;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
		font-size: 100%;
	}
	
	a.mini_btn{
		width: 90%;
		height: auto;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background-color: #FF9900;
		padding: 4px 0px;
		margin: 3px 5%;
		display: block;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
		font-size: 100%;
	}

	h1.orange{
		width: 100%;
		margin: 4px 0px;
		padding: 6px 0px;
		background-color: #FFCC00;
		font-size: 120%;
	}
	h1.yellow{
		width: 100%;
		margin: 4px 0px;
		padding: 6px 0px;
		background-color: #FFFF88;
		font-size: 120%;
	}
	
	.msg{
		width: 95%;
		padding: 2px 0px 2px 5%;
		margin: 3px 0px;
		background-color: #FF0000;
		color: #ffffff;
	}
	
	div.open_back{
		width: 50%;
		margin: 0px;
		padding: 0px;
		display: inline-block;
		_display: inline;
	}
	div.open_next{
		width: 50%;
		margin: 0px;
		padding: 0px;
		display: inline-block;
		_display: inline;
	}

/* コミック詳細 */
	a.comic_detail{
		text-decoration: none;
		color: #000000;
	}
	table.comic_left{
		margin: 0px 10% 0px 0px;
		width: 90%;
		background-image: url(img/frame_l.png);
		background-size: 100% 100%;
	}
	table.comic_right{
		margin: 0px 0px 0px 10%;
		width: 90%;
		background-image: url(img/frame_r.png);
		background-size: 100% 100%;
	}
	td.comic_title{
		margin: 0px;
		width: 90%;
		height: auto;
		font-size: 120%;
		font-weight:bold;
		text-align: left;
	}
	td.comic_header{
		margin: 0px;
		width: 30%;
		height: auto;
		background-color: #FFFF88;
		text-align: center;
	}
	
/* SNS */
	a.facebook{
		width: 90%;
		height: auto;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #305097;
		padding: 2px 0px;
		margin: 10px 5%;
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		font-size: 80%;
	}
	a.twitter{
		width: 90%;
		height: auto;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #00ACED;
		padding: 2px 0px;
		margin: 10px 5%;
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		font-size: 80%;
	}
	a.google{
		width: 90%;
		height: auto;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #DB4A39;
		padding: 2px 0px;
		margin: 10px 5%;
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		font-size: 80%;
	}
	
/* comic */
	table.branch{
		width: 100%;
		height: auto;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background-color: #FF9900;
		padding: 10px 0px;
		margin: 3px 0px;
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		text-align: left;
		font-size: 100%;
	}
	table.page{
		width: 95%;
		height: auto;
		background-color: #FFFF88;
		padding: 8px 0px;
		margin: 3px 0px 3px 5%;
		color: #000000;
	}
	
	a.sub_info{
		width: 90%;
		height: auto;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #FFFF88;
		padding: 4px 0px;
		margin: 3px 5%;
		display: block;
		color: #000000;
		text-decoration: none;
		text-align: center;
		font-size: 80%;
	}