html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, i,samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1;
	color:#807f83;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;/* 古いIE対応 */
	width:100%;
	background:#fff;
	min-width:600px;/* 最小幅　古いIEは未対応 */
	font-size:62.5%;
	background:#EEF4FB url(../images/common/bg01.png) repeat left top;
}

#page {
	overflow: visible;
	background: url(../images/common/bg-header80.gif) repeat-x top left;
	font-size: 1.2em;
	text-align: justify;
}

/* ------------------------------------------[ h ]--------- */

#main h2,
#main h3{
	margin:.8em 0 .2em 0;
	color:#666;
	line-height:1.4;
	padding:0;
}
#main h3 {
	font-size: 1.2em;
	font-weight:600;
	padding:3px 5px;
	border-bottom:#B3CBD0 solid 3px;
	margin: 0 0 5px 0;
}

/* ------------------------------------------[ Table ]--------- */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* ------------------------------------------[ List ]--------- */
ul, ol, dl {
	position: relative;
}
ol, ul {list-style: none;}
li,dd {
vertical-align:bottom;
/* padding:0 0 0 2.5em; */
}.note ul li,{
margin-left:1em;
text-indent:-1em;
}
.list ul li:nth-child(even){
}
#f-nav {
text-align:center;
margin:10px 0 5px 0;
padding:3px 0;
background-color:#92b2b8;
border-top:#fff 1px solid;
border-bottom:#fff 1px solid;}
#f-nav li{
display:inline;
	padding:2px 5px;}
#f-nav li a{
	border-right:#b3cbd0 1px solid;
margin:1px;
padding-right:10px;}
.alt {
	background: #eee;
}


/* ------------------------------------------[ Text ]--------- */

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
	font-weight:bold;
}/* text */
.c530 dl dd { 
text-align: left;}

#siteheader ul li a span,
#MainDisplay .panelmenu dt,
#tmainimg .c530 dt,
.c530 dl dd .p-gray,.copyright,
td.mark{ text-align: center;}

#footer .vcard dt,
.set { text-align: right; }
.post-titlestamp,
#genre-nav,#category-nav,#sab #topimager h2,#MainDisplay .panel h3,#main .p-white h4,#tmainimg p i,#footer .vcard dt,
.detail h3,
.itemlist0 dt,.note dt,
.cost,.target-audience,
.note ul b,
.item_1 .lead{ font-weight: 600; }
	
.copyright{font-weight: 500;}
.listp a,.list300 a,
.pre-tax,.back,.home,.top,
#footer a,#siteheader ul li a span,
.itemlist a,.list dd a,
.note dd a,.endpage span{font-weight:400;}
#sidebar-r .list dd, 
#footer dt,#footer #contact,
#footer a,.listp,.list300,
#siteheader ul li a span{
	font-size:0.85em;}
#main .p-text,#sidebar-r .p-text,
#sab dl.topics,#making dl.topics,#sidebar-r dd,#sidebar-r h4 a{
	font-size: 0.9em;
}
.itemlist td,
#index #footer dt,
.itemlist0 td{ font-size: 0.95em; }
#sidebar-r {font-size:0.98em;}

#index #footer #contact,
#index #footer a,
#index #sidebar-r dd,
#category-nav,
#making #maincontents div#gallery,
#sab #maincontents div#main,
#MainDisplay .panelmenu dt,
.c390 dd,.news dd,#MainDisplay .panel .news dt,
.copyright{ font-size: 1em; }

.note0 b,.note b{
font-size:1em;}

#index dl.topics dt span,
#tmainimg .c530 dt{font-size: 1.1em;}
#genre-nav,#mainbody,
#MainDisplay .panel dt,
#maincontents .note h3 span,
#tmainimg p i,
#sidebar-r h3,
.detail a.more{
	font-size: 1.2em;
}
.detail dl dt,
.detail h2{
	font-size:1.25em;
}
.col2 h2,.series dt,
.col3 h2 { font-size: 1.28em; }

.detail dl dd,
#MainDisplay .panel h3,
.item_1 .lead,
.target-audience { font-size: 1.3em;}

.detail h3,
#sab #topimager h2{
	font-size: 1.5em;
}
#index #footer .vcard dt,
#footer .vcard dt{
	font-size: 2.7em;}

#footer,.ffirst,#footer dl dt span,
#footer dd,#footer dl.ffirst dd,
#footer dd ul{line-height: 1.2;}

#topmenu dd.tminfo,
.detail dl dd{line-height:1.3;}

#sab #topimager h2,
#MainDisplay .panel h3,
#sidebar-r h3,
#MainDisplay .panel dt,
.target-audience {
	line-height: 1.4;
}

.newstopics dd,
#making #maincontents div#gallery,
#sab #maincontents div#main,
#maincontents p,.c530 dl dd p,
.item_1 .lead{
	line-height:1.6;
}
/* ------------------------------------------[ CSS3 ]--------- */

.kakumaru{
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-radius-topleft: 6px;
	border-radius-topright: 6px;}/* 上のみ */
#topimager .selection li,
#tmainimg .c530 dt,
#tmainimg #studio dt,
#gallery .p-text a img.img,
#footer,#footer dl dt span,.bt-gray,.jshowoff-slidelinks a, .jshowoff-controls a{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.copyright{
	text-shadow: 1px 1px #f9f9f9;}

#footer #f-nav a,#footer dl span a{text-shadow:1px 1px #839a9b;}
#topimager .selection li a,
.note a{text-shadow:1px 1px #fff;}
#footer a{	text-shadow:-1px -1px #eee;}
#topimager .selection li a,.topics a{ text-shadow: 1px 1px #e9e9e9; }
/* ------------------------------------------[ Img   ]--------- */
img,
a img { 
  font-size:0%;line-height:0%;
	border: none;	vertical-align:bottom;
}

.img-b {margin:10px 0 5px;
}
.img {
	padding:2px;
	border:#ccc 1px solid;
	background-color:#fff;
	vertical-align:middle;
}
.img-c {
display:block;
text-align:center;
margin:0 auto;
padding:0;
}

/* ------------------------------------------[ Link  ]--------- */
a {
font-weight:600;
cursor:pointer;
overflow:hidden;
text-decoration:none;
text-shadow:1px 1px #eee;
}

a:link {	color: #839a9b;}/* 明るい灰色 */
a:visited {	color: #62756c;}/*濃い灰色*/

:focus {outline: 0;}

.detail h2,.detail dl dt,
.alt .ktbn,
#topmenu dt,#MainDisplay .panelmenu dt,#tmainimg .c530 dt,
#sidebar-r a strong { color:#fff; }
#footer #f-nav a,#footer dl span a{color:#eff;}/* 白に近いネギ */

#footer,#footer dt span,
span.postal-code,.adr span,.c530 dl dd .p-gray strong,.c530 dl dd .p-grn strong,.target-audience strong,
.pre-tax,.copyright,.itemlist dd.entry,
#utility-nav a,.c49 .list dt,
.itemlist a{ color: #3f6769; }/* 濃いネギ色 */
.note0 .p-text strong,
#topmenu dd a{	color:#6ca1a7;}/* にぶいネギ色 */
#siteheader ul li a span {	color:#92b2b8;}/* うすいネギ色 */
#MainDisplay .panel h3 span {	color: #9ebbc0;}/* うす明るいネギ色 */

.c390 dd,.news dd,.c390 h3,
.c390 dl,
.news dl ,
.note dd a{color:#62756c;}/*濃い灰色*/.detail dl dd,
.listp a,.list300 a,
#footer a{	color:#839a9b;}/* 明るい灰色 */
#tmainimg p i{color: #8fa4a5;}/* うすい灰色 */

.c390 a,.news .topics a{
color:#693;}/* 青りんご色 */
.note a,#mainbody #sidebar-r h4,
.detail a.more{color:#f90;} /* オレンジ */
#topmenu .tminfo i,
.note dt a{color:#c60;}/* 明るいにぶいオレンジ */

#maincontents b,#topmenu .tminfo,
.mark {color: #e17100;}/* にぶいオレンジ */

.detail h3,
.newstopics dt,
.c530 dl dt{ color: #e13900; }/* 朱色 */

/* link color */
#topmenu a:hover {	color:#f30;}
.itemlist a,
#utility-nav a,.topics a { color: #3f6769; }/* 濃いネギ色 */
{	color:#6ca1a7;}/* にぶいネギ色 */

/* link　hover color */
a:hover, a:active, a:focus {color: #690;}
#utility-nav a:hover { color:#000;}

.c390 a:hover,.news a:hover { color:  #3f6769; }/* 濃いネギ色 */
#footer a:hover{color:#62756C;}/* 濃い灰色 */.endpage,
.note dd a:visited {color:#839a9b;}/* 明るいドブネズミ色 */

.note dd a:hover{color:#690;}/* にぶい青りんご */
.note dt a:hover{	color:#f90;}/* オレンジ */


.Service .list dd{
	background-color:rgba(255,255,255,.8);
	font-size:0.9em;
}
/* リンクパーツ */
/*  transparent */
/* back nav */
.totop {
border-top:1px dashed #ccc;
	display:block;
	text-align:right;
	clear:both;
}

#sab .note0 .p-text a{
border-bottom:1px dashed #ccc;}
#sab .bannar .p-text a{
border-bottom:0;}
.bannar a{
	display:block;
	float:left;
	width:135px;
	height:56px;
	line-height:56px;
	padding-left:25px;
margin-left:5px;
	background: url(../images/icon/button160.gif) no-repeat left bottom;
}

.more{
display:block;
text-align:right;
padding:0 10px;
} 

.back,.home,.top{
height:19px;
display:inline-block;
padding-left:17px;
background: url(../images/icon/arrow03set.gif) no-repeat left bottom;}

.home{
background-position: left bottom;}
.back{
background-position: -19px bottom;}
.top{
background-position: -39px bottom;}
.home span,.back span,.top span{
line-height:20px;
height:20px;
padding:0 3px;
display:inline-block;
background:#F9F9FB;}

.button{
display:block;
margin:5px auto 0;
padding:5px;}

.arrow-n,.arrow-b{
	width: 0;
	height: 1px;
	font-size:0px;
display:inline-block;
	line-height:0;
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;}
.arrow-n{
	float:left;
	border-right:0;}
.arrow-b{
	border-right: solid 10px #b3cbd0;
float:left;
	border-left:0;}
.arrow-body{
	float:left;
white-space:nowrap;
padding:0 3px;
width:auto;
font-size:0.8em;
margin:0;
}
.arrow-g{
overflow:hidden;
clear:both;
padding:0 0 10px;
text-align:right;}
.arrow-g .arrow-body{
height:21px;
line-height:21px;background:#b3cbd0;
display:block;}
.arrow-g .arrow-n{border-left: solid 10px #b3cbd0;}



/* ------------------------------------------[ float ]--------- */
* html #introduceLeft,
* html #introduceLeft ul.tab li ,
* html #MainDisplay {
 zoom: 1; display: inline-block; position: relative; }

* html #mainbody{ height: 1%; }
/* display-float */

.series dd p,
.series span,
.set,.c530,#siteheader ul li a span,
.itemlist3 .ktbn,
.itemlist span,.itemlist3 b,
 .itemlist3 i,#topmenu dd a { display: block; }

#mainbody,
#sidebar,
#maincontents,
dl.topics dl,dl.topics dt,dl.topics dt span,dl.topics dd ,
#footer,.ffirst,#footer dl dt span,#footer dd,#footer dd ul,
#footer dl.ffirst dd{
	display: block;
overflow: visible; 
}
#topimage {position: relative;
}
#topmenu,
#utility-nav a,
#making #mainvisual, #sab #mainvisual,
#gloval-nav a,
#category-nav a,
#sidebar-r ul,
#genre-nav a { overflow: hidden; }

#topmenu,
#category-nav li,
#TopicPath li,
#genre-nav li,
.imgleft,.itemlist3 dt,.itemlist3 dd  { 
display: block; position: relative; float: left; }

#making #maincontents div#gallery,
#sab #maincontents div#main,
#gallery li,
#footer dl dd ul.box,
#footer dl dd ul.box2{
float:left;position:relative;}

.c530,
.leftbox{ clear: left; float: left; position: relative; }

dl.topics dt a img { float: left; margin: 3px; }

.bannar ,
.bannar dd ,
.bannar li,.c530,
.c530 dl dd .p-gray { clear: left; }

#footer dl dd ul.box2{ float: right; }

#making #sidebar-r,
#sab #sidebar-r,
.rightbox{ float: right; position: relative; }
.fright{ display: block; position: relative; float: right; }

.container-all{
margin:0 auto;
overflow:visible;
width: 900px;
}

#footer dl,
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12,
.col{	
display:inline;
	float: left;
	position: relative;}
#footer dl,
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12{	
	margin-left: 5px;
	margin-right: 5px;
}

.container-all .col_1{ width:60px;}
#footer dl.nbox,
.container-all .col_2{
	width:134px;
}

.container-all .col_3{	width:210px;}
.container-all .col_4{	width:285px;}
.container-all .col_5{	width:360px;}
.container-all .col_6{	width:435px;}
.container-all .col_7{	width:510px;}
.container-all .col_8{	width:585px;}
.container-all .col_9{	width:660px;}
.container-all .col_10{	width:735px;}
.container-all .col_11{	width:810px;}
.container-all .col_12{	width:885px;}

				.container-all .prefix_1 {	padding-left:75px;}.prefix_2 {	padding-left:110px;}
    .container-all .prefix_2{	padding-left:150px;}
    .container-all .prefix_3 {	padding-left:225px;}
    .container-all .prefix_4 {	padding-left:300px;}
    .container-all .prefix_5 {	padding-left:375px;}
    .container-all .prefix_6 {	padding-left:450px;}
    .container-all .prefix_7 {	padding-left:525px;}
    .container-all .prefix_8 {	padding-left:600px;}
    .container-all .prefix_9 {	padding-left:675px;}
    .container-all .prefix_10 {	padding-left:750px;}
    .container-all .prefix_11 {	padding-left:825px;}

.first {	margin-left: 0 !important;}
.lust {	margin-right: 0 !important;}
/* ------------------------------------------[ Column ]--------- */
.rack3-all,.rack3-l,.rack3-r,
.rack2-l,.rack2-r{
	float:left;
	width:100%;
}
.rack3-all,
#rack2-r,.note{
	clear:left;
	overflow:hidden;
}
.rack3-l,.rack3-r,
#rack2-l,
.note .note-b{
	position:relative;
	right:50%;
}

#box2-l,.note-l{
	left:52%;
}
#box2-r,.note-r{
	left:53%;
}
.note-l,.note-r,.noteyoutube,
#box2-l,
#box2-r{
	float:left;
	position:relative;
	overflow:hidden;
}
.noteyoutube{
	left:52%;
	width:220px;
	float:left;
	position:relative;
	overflow:hidden;
}
.columns {
	clear:both;
	margin:0 12px;
}
.note-l{
	width:50%;
}
 .note-b .note-l{
	width:54%;
background:url(../images/common/bg-noteline22.jpg) repeat top left;}

 .note-b .note-l li.p-text p{
font-size:1.1em;}
.note .note-b .none{
background:none;}
.columns .col {
	overflow:hidden;
	margin:10px 0 0 0;
position:relative;
padding:0;
	width:25%;
background: url(../images/common/bg-sq220bt.gif) no-repeat center bottom;
}

#Panel005.col{
border:0;}
.col p{
padding:0 8px 5px;
margin:0;}

#Panel002 h3 a{
display:block; background:url(../images/icon/ban01a.gif) no-repeat center 0px;
	padding:62px 8px 0;
	margin:0;}
#Panel003 h3 a{
display:block; background:url(../images/icon/ban01b.gif) no-repeat center 0px;
	padding:62px 8px 0;
	margin:0;}
#Panel004 h3 a{
display:block;  background:url(../images/icon/ban01c.gif) no-repeat center 0px;
	padding:62px 8px 0;
	margin:0;}
#Panel005 h3 a{
display:block; background:url(../images/icon/ban01d.gif) no-repeat center 0px;
	padding:62px 8px 0;
	margin:0;}
.col h3{
	background: url(../images/common/bg-side220top.gif) no-repeat top center;
	margin:0;
}
.col h3 strong{
	display:block;
	color:#366;
	background:url(../images/common/navglo-hover.gif) no-repeat -3px -2px;
	padding-left:17px;
	line-height:1.6;
}

.col h3 span{
	background-color:#839a9b;
	text-align:center;
	padding:2px;
margin-bottom:3px;
color:#fff;
	display:block;
}
/* ------------------------------------------[ p ]--------- */
p ,.mar{
	margin:.4em .5em .8em;
	line-height:1.4;
	padding:0;
}
p,
blockquote {
	margin: 0 0 15px 0;
}#tmainimg .c530 dl dd p{
margin-bottom:10px;}
.p-gray {
	display:block;
	padding:5px;
	color:#777;
	background:#e5e5e5;
	border:1px solid #fff;
	outline:1px solid #f9f9f9;
}/* スクエア記事グレイ */
.p-grn {
	display:block;
	padding:5px;
	color:#777;
	background:#e2eced;
	border:1px solid #fff;
	outline:1px solid #f9f9f9;
}/* スクエア記事グリーン */

.p-white {
	display:block;
	padding:5px;
	background:#f9f9f9;
	outline:1px solid #e5e5e5;
	border:1px solid #fff;
}/* スクエア記事ホワイト */
 #sidebar-r .p-white {margin:8px;}
.marl20,.note0 .productimg{
margin-left:20px;}
#main .note-b ul.note-l p{
line-height:21px;
padding:0 3px;
border:none;}
/* ------------------------------------------[ menu style ]--------- */

/* topmenu */
#topmenu{
width:150px;
height:300px;
margin:0;
background:url(../images/common/bg-menu-main.gif) no-repeat 10px top;}
#topmenu dt,#topmenu dd{
	margin-left:10px;
	padding:0;
	height:28px;
	line-height:28px;
	text-indent:18px;
	display:block;
}
#topmenu dt{
background: #6897A0 url(../images/common/bg-menut.gif) repeat-y top left;
border-bottom:3px #cde1e5 solid;
}
#topmenu dt.tmcontact{
background: url(../images/icon/bg-menu-c.gif) no-repeat top left;
height:18px;
line-height:18px;
font-size:0%;
text-indent:-9999px;
}#topmenu dd.tminfo{
text-align:center;
height:73px;}
#topmenu .tminfo span{
display:block;}
#topmenu dd{
border-bottom:#abb solid 1px;}
#topmenu dd#tm01 a:hover,#topmenu dd#tm02 a:hover,
#topmenu dd#tm03 a:hover,#topmenu dd#tm04 a:hover,
#topmenu dd#tm05 a:hover,#topmenu dd#tm06 a:hover{
background: url(../images/icon/arrow03-g.gif) no-repeat right center;}

.series {
border-top:#CCC solid 1px;
clear:both;
}

.series dt {
	clear:both;
}

.series dd {
	float:left;
	overflow:hidden;
	border-top:#eee solid 1px;
	border-bottom:#CCC solid 1px;
	border-right:#CCC dashed 1px;
}

.series dd img {
	margin:5px;
}


/* header Design */
#siteheader {
	margin:0 auto;
	padding: 0;
	width: 940px;
	height:80px;
	display:block;
	position:relative;
	overflow:visible;
}

#siteheader h1 {
	position:absolute;
	left:0;
	top:0;
}

#siteheader #gloval-nav,
#siteheader #utility-nav {
	float:right;
	width:720px;
	display:block;
	overflow:hidden;
	list-style:none;
	padding:0;
}

#siteheader #gloval-nav,
#siteheader #utility-nav {
	margin:0;
	padding:0;
}

#siteheader ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#siteheader ul li a {
	display:block;
	float:left;
	overflow:hidden;
	text-align:left;
	text-decoration:none;
	line-height:1.3em;
}



#siteheader #utility-nav {
	height:35px;
	display:block;
	overflow:visible;
	background: url(../images/common/bg-utnav.gif) no-repeat center top;
	font-size:0.9em;
}

#siteheader #utility-nav a span {
	font-weight:600;
	padding:5px;
	color: #963;
	text-shadow: -1px -1px #FFE6A6;
}

#siteheader #utility-nav a {
	border-left:1px solid #FFB600;
}

#siteheader #utility-nav li.first a {
	margin-left:60px;
	border:0;
}

#gloval-nav li a {
	text-shadow: 1px 1px #fff;
	height:45px;
	font-weight:600;
	padding:0 5px 0 22px;
	background:url(../images/common/navglo-base.gif) no-repeat left bottom;
	color: #62756C;
}

.endpage{
display:block;
clear:both;
padding:10px 25px 5px;
text-align:right;
background:url(../images/common/bg-960btm.gif) no-repeat bottom center;}
.endpage span{
padding:5px 10px 0;
display:block;
border-top:1px solid #ccc;}
#category-nav .active {
	background: url(../images/common/navlocal-active-l.gif) no-repeat 0 5px;
}

#category-nav .active a {
	color:#fff;
	margin:5px 0 0 8px;
	background:#81bc08 url(../images/common/navlocal-active-r.gif) no-repeat right top;
}
ul#gloval-nav li a:hover {
	background: url(../images/common/navglo-hover.gif) no-repeat left bottom;
	color:#369;
}

#siteheader ul li a.active,
#siteheader ul li a.active:hover {
	color:#690;
	background: url(../images/common/navglo-hover.gif) no-repeat left bottom;
}

#siteheader #utility-nav a:hover span {
	color:#666;
	text-shadow: 1px 1px #FFE6A6;
}

/*

	border-bottom: #F90 1px dashed;
	
	color: #069;　群青
color: #990;　鈍茶
	color: #bdbd84;　薄い茶緑色
	color: #42413C;　濃灰
	color: #6E6C64;　薄灰 
*/

/* ------------------------------------------[ clear ]--------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix { height: 1%;}
.clearfix {display: block;}/* IE-mac */

.clearb{
	clear:both;}
.clearl{
		clear:left;}
.clearr{
		clear:right;}
.clearlbr{
clear:left;
float:left;}