@charset "utf-8";
/*
Theme Name:common
Version: 1.0
Author: WEBLIC LLC Takehito Niwa
CSS Document
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: .95em;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	line-height: 1.6;
}

a {
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0px;
}

img {
	vertical-align: bottom;
}


hr {
	display: none;
}

option {
	padding: 0 5px 0 0;
}

/* title
-------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1;
}

/* character setting
-------------------------------------*/
strong {
	font-weight: 800;
}

em {
	font-style: normal;
}

address {
	font-style: normal;
}

/* list
-------------------------------------*/
ul{
	list-style-type: none;
}

/* table
-------------------------------------*/
table {
	border-collapse: collapse;
}

table,
th,
td {
	border: none;
}

caption {
	text-align: left;
}

/* align
-------------------------------------*/
.alnleft {
	text-align: left;
}

.alncenter {
	text-align: center;
}

.alnright {
	text-align: right;
}

.fltleft {
	float: left;
	display: inline;
}

.fltright {
	float: right;
	display: inline;
}

/* cap
-------------------------------------*/
.cap {
	text-indent: -.8em;
	padding: 0 0 0 .8em;
}

.cap02 {
	text-indent: -1em;
	padding: 0 0 0 1em;
}


/* font-size
-------------------------------------*/
.txtxxsmall { font-size: xx-small}
.txtxsmall { font-size: x-small}
.txtsmall { font-size: small}
.txtsmaller { font-size: smaller}
.txtxxlarge { font-size: xx-large}
.txtxlarge { font-size: x-large}
.txtlarge { font-size: large}
.txtlarger { font-size: larger}
.txtmed { font-size: medium}

/* color
-------------------------------------*/
.clrred { color: #F00;}
.clrblue { color: #039;}
.clryellow { color: #FC0;}
.clrorange { color: #F90;}
.clrgreen { color: #1BA011;}
.clrpink { color: #FF999C;}
.clrwhite { color: #FFF;}
.clr333 { color: #333;}
.clr666 { color: #666;}
.clr999 { color: #999;}
.clrCCC { color: #CCC;}


/* background
-------------------------------------*/
.bg01 { background: #F8FBFD;}
.bg02 { background: #ADDBFA;}
.bg03 { background: #DEF0FB;}
.bg04 { background: #FEF9E9;}
.bg05 { background: #D3F1A0;}
.bg06 { background: #FFE2E6;}
.bg07 { background: #A0A9F1;}
.bg08 { background: #B3342B;}
.bg09 { background: #FDE297;}
.bg10 { background: #EFEFEF;}
.bg11 { background: #F4F4F4;}
.bg12 { background: #EEEEDC;}
.bg13 { background: #F6F6EE;}
.bg14 { background: #776655;}
.bg15 { background: #EDF3FE;}
.bg16 { background: #F9F9F9;}
.bg17 { background: #7161C4;}
.bg18 { background: #2ABE0F;}
.bg19 { background: #FF0B0B;}
.bg20 { background: #FFB82B;}
.bg21 { background: #7CA20A;}
.bg22 { background: #E2F3FF;}
.bg23 { background: #E3FFE2;}
.bg24 { background: #E3E8EA;}
.bgfff { background: #FFF;}

/* float
-------------------------------------*/
.fltleft { float: left;}
.fltright { float: right;}

/*clear*/
.clear {
	clear: both;
}

/*margin
------------------------------------*/
.ma20 { margin: 20px;}
.ma10 { margin: 10px;}
.ma05 { margin: 5px;}
.mt20 {	margin-top: 20px;}
.mt10 { margin-top: 10px;}
.mt05 { margin-top: 5px;}
.mb60 { margin-bottom: 60px;}
.mb50 { margin-bottom: 50px;}
.mb40 { margin-bottom: 40px;}
.mb30 { margin-bottom: 30px;}
.mb20 { margin-bottom: 20px;}
.mb10 { margin-bottom: 10px;}
.mb05 { margin-bottom: 5px;}
.mr20 { margin-right: 20px;}
.mr10 { margin-right: 10px;}
.mr05 { margin-right: 5px;}
.ml20 { margin-left: 20px;}
.ml10 { margin-left: 10px;}
.ml05 { margin-left: 5px;}
.mtb20 { margin: 20px 0;}
.mtb10 { margin: 10px 0;}
.mtb05 { margin: 5px 0;}

/*padding
------------------------------------*/
.pa20 { padding: 20px;}
.pa10 { padding: 10px;}
.pa05 { padding: 5px;}
.pt20 { padding: 20px 0px 0px 0px;}
.pt10 { padding: 10px 0px 0px 0px;}
.pt05 { padding: 5px 0px 0px 0px;}
.pb20 { padding: 0px 0px 20px 0px;}
.pb10 { padding: 0px 0px 10px 0px;}
.pb05 { padding: 0px 0px 5px 0px;}
.pr20 { padding: 0px 20px 0px 0px;}
.pr10 { padding: 0px 10px 0px 0px;}
.pr05 { padding: 0px 5px 0px 0px;}
.pl20 { padding: 0px 0px 0px 20px;}
.pl10 { padding: 0px 0px 0px 10px;}
.pl05 { padding: 0px 0px 0px 5px;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#comment_01 {
	overflow-y: auto;
	height: 161px;
	width: 461px;
	padding: 10px;
}
#comment_02 {
	overflow-y: auto;
	height: 232px;
	width: 280px;
	padding: 10px;
	border: 1px dotted #00CC99;
}
#comment_03 {
	height: 660px;
	width: 828px;
	padding: 5px;
}
#comment_04 {
	height: 280px;
	width: 250px;
	background-color: #CC99CC;
}
#comment_04_00 {
	height: 1px;
	width: 250px;
	background-color: #000000;
}
#comment_04_01 {
	font-size:20pt;
	height: 30px;
	width: 108px;
	padding: 0px 0px 8px 8px;
}
#comment_04_02 {
	font-size:20pt;
	height: 30px;
	width: 128px;
	padding: 0px 0px 8px 0px;
}
#comment_04_03 {
	font-size:10pt;
	height: 194px;
	width: 228px;
	padding: 5px 10px 10px 10px;
}
#comment_05 {
	font-size:10pt;
	height: 194px;
	width: 228px;
	padding: 5px 10px 10px 10px;
}