@import "http://www.studio-no110.com/css/studio110Link.css";

.normal-font {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}
.small-font {
	font-size: 10px;
	line-height: 12px;
	color: #666666;
}
.normal-title {
	font-size: 14px;
	line-height: 18px;
	font-weight: bolder;
	color: #FF3333;
}
.title-font {
	font-size: 18px;
	font-weight: bolder;
	color: #3366FF;
}


h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #FF0000;

}


h2 {
	font-size: 12px;
	font-weight: bold;
	background-position: right;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	color: #FFFFFF;
	text-align: right;

}
h3 {
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;


}
h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	height: 17px;

}
h5 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	background-position: center;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	height: 15px;


}
.text {

	font-size: 12px;
	line-height: 16px;
}
.text-indent {

	font-size: 12px;
	line-height: 16px;
	text-indent: 12px;
}

.flText:first-letter{ font-size:28pt; float:left;}

.pos1{ ruby-align:distribute-letter; ruby-position:above;}

.tate{writing-mode:tb-rl;height:100pt;}
.bun-text {
	font-size: 13px;
	line-height: 16px;
	color: #666666;
	padding-left: 5px;
	padding-right: 1px;
}
.bun-text-green {
	font-size: 13px;
	line-height: 16px;
	color: #00CC66;
	padding-right: 1px;
	padding-left: 5px;
}

.bun-text-red {
	font-size: 13px;
	line-height: 16px;
	padding-right: 1px;
	padding-left: 5px;
	color: #FF0000;
}

.bun-text-black {
	font-size: 13px;
	line-height: 16px;
	color: #000000;
}
.hiduke-kyujitsu {
	font-size: 12px;
	line-height: 20px;
	background-color: #FFCCFF;

}
.hiduke-doyou {
	font-size: 12px;
	line-height: 20px;
	color: #0000FF;
	background-color: #FFFFFF;


}
.hiduke-nichiyou {
	font-size: 12px;
	line-height: 20px;
	color: #CC0000;
	background-color: #FFCCFF;

}
.hiduke-other {

	font-size: 12px;
	line-height: 20px;
	color: #CCCCCC;
	background-color: #FFFFFF;
}
.hiduke {

	font-size: 12px;
	line-height: 20px;
	color: #000000;
	background-color: #FFFFFF;
}
.text-red-b {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #FF0000;
}
.text-green-b {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #00CC66;
}
.text-pink {
	font-size: 12px;
	line-height: 16px;
	color: #FF6699;
}
.text-blue {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #0066FF;
}
.text-red {
	font-size: 12px;
	line-height: 16px;
	color: #FF0000;
}
.text-purple {
	font-size: 12px;
	line-height: 20px;
	font-weight: bolder;
	color: #993366;
}
.small-font-red {
	font-size: 10px;
	line-height: 16px;
	color: #FF0000;
}
.small-font-blue {
	font-size: 10px;
	line-height: 16px;
	color: #3399FF;
}
.small-font-w {
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
}
.bun-text-white {
	font-size: 13px;
	line-height: 16px;
	color: #FFFFFF;
}
.text-white-bold {
	font-size: 12px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 14px;

}
.text-16p {
	font-size: 16px;
	line-height: 18px;
	font-weight: bolder;
}
.text-bold {
	font-weight: bolder;
	color: #000000;
}
.table01 {
	font-size: 11px;
	color: #666666;
	margin-left: 20px;
	width: 38%;
}
.line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #996600;
}
.menu-text {
	font-size: 12px;
	line-height: 20px;
}

#menu{
	font-size: 12px;
	line-height: 24px;
}
#menu ul {
	
	margin: 0px;
	padding: 0px;
}
#menu li {
	background-image: url(all/icon_ani.gif);
	background-repeat: no-repeat;
	background-position: left;
	list-style-type: none;
	margin-left: 4px;
	padding-left: 10px;
}
.menu-title {
	font-size: 12px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0099CC;
	border-right-color: #0099CC;
	border-bottom-color: #0099CC;
	border-left-color: #0099CC;
	padding-left: 4px;
}
.yohaku {
	padding-left: 16px;
}
#m-box{
	font-size: 12px;
	line-height: 24px;
	border: 2px dotted #FF9999;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: -30px;
	text-align: left;
}
#b-box{
	font-size: 12px;
	line-height: 24px;
	border: 2px dotted #339999;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: -30px;
	text-align: left;
}
.ank-box{
	font-size: 1em;
	padding: 5px;
	border: 1px dotted #393;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}
.ank-box em{
	font-size: 1.2em;
	font-weight: bold;
	color: #090;
	font-style: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.ank-box p{
	font-size: 1em;
	font-weight: bold;
	color: #0CC;
	font-style: normal;
	text-decoration: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.ank-01{
	background-image: url(print/minikomi/voice/voice_icon_great.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.ank-02{
	background-image: url(print/minikomi/voice/voice_icon_good.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.ank-03{
	background-image: url(print/minikomi/voice/voice_icon_soso.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*samplearea
--------------------------------------*/
.sampleA{margin:0 0 20px;padding:0;}
.sampleB{float:left;width: 181px;height: 390px;}
.sampleB img{margin-bottom:0 auto 5px;border:none;}
.sampleB a:hover {
	background: #f3f3f3;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.sampleT {
	width:98%;
	color: #666666;
	font-size:0.875em;
	line-height:1.4em;
	text-align:left;
	margin-top: 5px;
}
.sampleT th {background:rgb(243, 243, 243);width:40px;font-weight:normal; }
.sampleT th, .sampleT td {padding:3px;border-bottom:rgb(233, 233, 233) solid 1px;}

.sample180{
width:180px;
padding-bottom: 3px;
margin-bottom: 10px;
background:url(img/bg_sample.jpg);
text-align:center;
float:left;
border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;}

.sample180 img{
padding:2px;
background:#FFF;
margin:5px 3px;
-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.26);
-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.26);
}

.sample180 a:hover {
	background: #f3f3f3;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.sample180_img{border: #999 solid 1px;}
.floatR{ float:right;}
.spR_2{ margin-right:2px;}

.s01, .s02, .s03, .s04, .s05, .s06, .s07, .s08, .s09, .s10, .s11, .s12, .s13, .s14, .s15, .s16 {
	text-align: left;
	margin: 0 3px 1px;
	padding: 2px 3px 3px 50px;
	font-size: 0.8em;
}
	
.s01{background: url(img/sample_sakusha.png) top no-repeat;}
.s02{background: url(img/sample_janlu.png) top no-repeat;}
.s03{background: url(img/sample_ink.png) top no-repeat;}
.s04{background: url(img/sample_kamisit.png) top no-repeat;}
.s05{background: url(img/sample_kamiiro.png) top no-repeat;}
.s06{background: url(img/sample_saiz.png) top no-repeat;}
.s07{background: url(img/sample_toji.png) top no-repeat;}
.s08{background: url(img/sample_ura.png) top no-repeat;}
.s09{background: url(img/sample_hyoushi.png) top no-repeat;}
.s10{background: url(img/sample_honbun.png) top no-repeat;}
.s11{background: url(img/sample_asobi.png) top no-repeat;}
.s12{background: url(img/sample_kaishi.png) top no-repeat;}
.s13{background: url(img/sample_sarcle.png) top no-repeat;}
.s14{background: url(img/sample_ink01.png) top no-repeat;}
.s15{background: url(img/sample_ink02.png) top no-repeat;}
.s16{background: url(img/sample_other.png) top no-repeat;}


/*tbl_info
--------------------------------------*/
.tbl_info {
	width: 400px;
	padding: 15px;
	border-spacing: 0;
	background: rgb(236, 245, 248) url(img/tbl_info.png) top no-repeat;
	font-size: 1em;
	color: rgb(66, 66, 66);
	/* 角丸 */
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	position: relative;
	behavior: url(http://geo-gen.jp/hg_parts/PIE.htc);
}
.tbl_info td {
text-align: left;
font-weight: bold;
}
.tbl_info tr {
}
.tbl_info p {
padding-bottom: 15px;
margin: 5px 0 10px;
text-align: left;
font-size: 0.8em;
font-weight: normal;
border-bottom:solid 1px #FFF;
}
.tbl_info h4 {
margin-bottom: 10px;
font-weight: bold;
color: rgb(25, 94, 133);
text-shadow: 0 1px 2px rgb(201, 201, 201);
}
.tbl_info .txt_bold  {
font-weight: bold;
}

/* area
----------------------------------------------- */
.w-200 {width:200px;}
.w-300 {width:300px;}

/* float
----------------------------------------------- */
.floL {float:left;}
.floR {float:right;}


/* clear
----------------------------------------------- */
.clear          {clear:both;}
.clearfix:after {content: ""; display: block; clear: both;}
.clearfix       {zoom: 100%;}