/* CSS Document */

/*___________________________________________
Project:  業務案内
会社      第一楽器
Email:    info@crayon.co.jp
Website:  www.crayon.co.jp
____________________________________________*/

/* common
____________________________________________*/

* {
	margin:0;
	padding:0;
	list-style:none;
	font-style:normal;
}
body {
	font-size:12px;
	line-height:18px;
	font-family:ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	background:#efefef;
	color:#808080;
}
img {
	border:0;
	display:block;
}
h1, h2, h3, h4, h5, h6 {
	font-size:12px;
	font-weight:normal;
}
a {
	text-decoration:none;
	color:#808080;
}
a:hover, .cursor a {
	color:#505050;
}
.c {
	clear:both;
}
.c hr {
	display:none;
}
.f1{
	float:left;
}
.f2{
	float:right;
}
.x1 {
	text-align:left;
}
.x2 {
	text-align:center;
}
.x3 {
	text-align:right;
}
.container{
	margin:-173px auto 0;
	padding:0 60px;
	width:768px;
	background:url("../img/bodyBg.gif") repeat-y center;
}
.container101{
	margin:-173px auto 0;
	padding:0 60px;
	width:550px;
	/* background:url("../img/bodyBg.gif") repeat-y center; */
}
.headBg {
	position:relative;
	top:-14px;
	display:block;
	margin:0 auto;
	height:173px;
	background:url("../img/headBg.gif") no-repeat center;
	z-index:5;
}
.headBg101 {
	position:relative;
	top:-14px;
	display:block;
	margin:0 auto;
	width:550px;
	height:173px;
	/* background:url("../img/title103_bg.jpg") no-repeat center; */
	z-index:5;
}
/* head
________________________*/

#header {
	position:relative;
	height:143px;/*156-13=143*/
	background:#fff url("../img/in01.jpg") no-repeat right top;
	z-index:10;
}
.h1 {
	padding-top:4px;
	height:20px;
	text-align:center;
	background:#fff;
}
#header .logo {
	position:absolute;
	left:15px;
	top:22px;
	z-index:99;
}
.menuBar {
	position:absolute;
	bottom:0;
}
.menuBar li {
	float:left;
	font-size:0;
}


/* main
________________________*/

#main {
	background:url("../img/mainBg.gif") repeat-y!important;
	background-color:none;
	width:768px;
/* padding-bottom:48px!important; 変更 (T.Nishikawa) */
	padding-bottom:5px!important;
/* padding-bottom:25px 変更 (T.Nishikawa) */
	padding-bottom:5px;
}
#main .left ,
#main .right {
	float:left;
	width:168px;
	padding:12px;
}
.btnNav{
	margin-top:12px;
}
#main .btnNav li ,
#main .right li {
	font-size:0;
	width:168px;
	height:60px;
	margin-bottom:5px;
}
#main .left li {
	font-size:0;
	width:168px;
	height:60px;
	margin-bottom:5px;
}
.btnNav li a {
	/*background:url("../test/img/leftNavBg01.gif") repeat-y; */
	background:url("../img/main_bg.jpg") repeat-y;
}
.btnNav li a:hover ,
.btnNav .li a {
	background-image:none;
	background-color:#ffefcc;
}
.txtNav li {
	text-indent:10px;
	padding:3px 0 7px 0;
	background:url("../img/ico01.gif") no-repeat left bottom;
}
.contents {
	width:364px;
	padding:30px 10px 0;
	float:left;
}
.contents101 {
	width:495px;
	padding:0px 22px 0;
	float:left;
}
.contents h2.cmsTitle {
	position:relative;
	padding:0;
	width:364px;
	height:24px;
	background:none;
}
.login{
	position:absolute;
	top:3px;
	right:0;
	cursor:default;
	display:block;
	width:20px;
	height:20px;
}
.contents iframe{
	width:364px;
	height:482px;
}

/* wordpress
_________________________*/
.wordpress {
	background:url("../test/img/mainBg02.gif") repeat-y!important;
}
.wordpress .contents {
	padding-top:12px;
	width:515px!important;
	color:#000;
}
.wordpress .contents .h1Title {
	height:24px;
	line-height:24px;
	font-size:15px;
	text-align:center;
	color:#fff;
	background:url("../test/img/titleBg.gif") no-repeat;
}
.shopIntr {
	position:relative;
	margin:30px auto 0;
	width:488px;
}
.shopIntr dt {
	position:absolute;
	left:0;
	top:0;
}
.shopIntr dd{
	margin-left:238px;
	width:250px;
	line-height:150%;
}
.dd01 ,
.dd02 ,
.dd03 {
	font-size:24px;
	color:#ff0000;
	font-weight:bold;
}
.dd02 {
	font-size:15px;
	color:#000;
}
.dd03 {
	color:#ffa700;
}
/* footer
_________________________*/
#footer {
	background:#fff;
}
#footer .copy_right {
	height:24px;
	line-height:24px;
	color:#fff;
	background:#00f600;
	text-align:center;
	margin-bottom:10px;
}
#footer .fMenu {
	text-align:center;
}
#footer .fMenu li {
	display:inline;
	font-size:12px;
}
/* Alimanman 090622
_________________________*/
.clearMe{clear:both;}
.clearFF:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
body.layoutTwo #main{
	background:url("../img/mainBgTwo.gif") repeat-y!important;
	background-color:none;
}
body.layoutTwo .contents{
	padding:12px 30px 30px 29px;
	width:517px;
}
.contents h2{
	padding-left:10px;
	line-height:24px;
	font-size:15px;
	color:#FFA600;
	background:url("../img/con_h2_bg.jpg") no-repeat 0 0;
}
/* title */
h3.title001,
h3.title002,
h3.title003,
h3.title005,
h3.title006{
	margin-bottom:3px;
	padding-top:17px;
	line-height:24px;
	font-size:15px;
	color:#FFA600;
	border-bottom:1px solid #FFA600;
}
h3.title001 span{
	font-size:12px;
	color:#7F7F7F;
}
h3.title002{
	color:#7F7F7F;
	border-bottom:1px solid #7F7F7F;
}
h3.title003,
h3.title005,
h3.title006,
h3.title011,
h3.title012{
	font-size:12px;
	border-bottom:1px dotted #7F7F7F;
}
h3.title004,
h3.title007,
h3.title008,
h3.title009,
h3.title009_2,
h3.title010{
	clear:both;
	padding-left:20px;
	line-height:24px;
	color:#FFF;
	background:url("../img/title004_bg.jpg") no-repeat 0 0;
}
h3.title005,
h3.title006{color:#7F7F7F;}
h3.title006{padding-top:0;}
h3.title007{
	clear:both;
	margin-top:10px;
	line-height:27px;
	font-size:15px;
	background:url("../img/title007_bg.jpg") no-repeat 0 0;
}
h3.title008,
h3.title009{
	margin:10px 0;
	padding-left:10px;
	font-size:15px;
	background:url("../img/title008_bg.jpg") no-repeat 0 0;
}
h3.title009{font-size:12px;}
h3.title009_2{
	margin:10px 0;
	padding-left:10px;
	font-size:15px;
	background:url("../img/title008_2_bg.jpg") no-repeat 0 0;
}
/* h3.title009_2{font-size:12px;} 変更 (T.Nishikawa) */
h3.title009_2{font-size:14px;}

h3.title010{font-size:15px;}
h3.title011{
	margin-top:20px;
	color:#69B100;
}
h3.title012{
	margin-top:20px;
	margin-bottom:6px;
	color:#69B100;
	font-size:15px;
	text-align:left;
}
h4.title001{
	margin-bottom:3px;
	padding-top:17px;
	line-height:24px;
	font-size:12px;
	color:#FFA600;
	border-bottom:1px dashed #7F7F7F;
}
/* font */
.font001,
.font005{
	line-height:18px;
	color:#7F7F7F;
}
.font001 span{color:red; font-weight:600;}
.font002,
.font006{
	float:right;
	padding-left:10px;
	background:url("../img/ico001.jpg") no-repeat left center;
}
.font003{
	clear:both;
	padding:30px 0 0px 0;
	text-align:center;
}
.font003 a{outline:none;}
.font003 img{
	display:inline;
	margin-right:10px;
}
.font004{
	clear:both;
	float:left;
	padding-bottom:23px;
	width:517px;
}
.font005{padding-bottom:10px;}
.font006{
	float:none;
	padding-left:15px;
	line-height:25px;
	background:url("../img/ico010.jpg") no-repeat left center;
}
.font007{padding:10px 0; text-align:center;}
.font007 img{margin-bottom:5px;}

.font001RI{line-height:15px;}

/* table */

.table101{
	margin-bottom:2px;
	width:80%;
}
.table101 th{
	padding:3px 0 3px 6px;
	width:72px;
	font-weight:400;
	background:#EFEFEF;
	border-bottom:3px solid #FFF;
}
.table101 td{
	padding:2px 0 3px 6px;
	background:#FFF;
	/* border-bottom:2px solid #EFEFEF; */
}
.table101 tr{
	border-bottom:none;
}
.table102{
	margin-bottom:5px;
	width:100%;
}
.table102 th{
	padding:3px 0 3px 6px;
	width:140px;
	font-weight:400;
	background:#FFFFE0;
	border-bottom:2px solid #EFEFEF;
}
.table102 td{
	padding:3px 0 3px 6px;
	background:#FFF;
	border-bottom:2px solid #EFEFEF;
}
.table103{
	/* margin-bottom:15px; */
	width:100%;
}
.table103 img{display:inline;}
.table103 tr th{
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	font-weight:400;
	/* border-bottom:1px solid #7F7F7F; */
	background:url("../img/table002_tr_bg.jpg") repeat-x bottom;
}
.table103 tr td.typeThree{border-bottom:1px solid #7F7F7F;}
.table103 tr td{
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	height:95px;
	/* border-bottom:1px solid #7F7F7F; */
	background:url("../img/table002_tr_bg.jpg") repeat-x bottom;
}

.table001,
.table005{
	margin-bottom:530px;
	width:100%;
}
.table001 th,
.table005 th,
.table009 th{
	padding:3px 0 3px 6px;
	width:72px;
	font-weight:400;
	background:#EFEFEF;
	border-bottom:2px solid #FFF;
}
.table005 th,
.table009 th{width:132px;}
.table001 td,
.table005 td,
.table009 td{
	padding:3px 0 3px 6px;
	background:#FFF;
	border-bottom:2px solid #EFEFEF;
}
.table001 tr.typeTwo td,
.table001 tr.typeTwo td,
.table005 tr.typeTwo td,
.table005 tr.typeTwo td,
.table009 tr.typeTwo td{border:none;}
.table002{
	margin-bottom:5px;
	width:100%;
}
.table002 img{
	display:inline;
	margin-right:7px;
	vertical-align:middle;
}
.table002 th,
.table002 td{
	background:url("../img/table002_tr_bg.jpg") repeat-x bottom;
}
.table002 th{width:160px;}
.table002 th.th01 ,
.table002 th.th02 { width:70px; font-weight:normal; text-align:left; }
.table002 th.th02 { width:103px; }
.table002 th span{
	display:block;
	margin-bottom:7px;
	padding:10px;
	width:160px;
	text-align:left;
	font-weight:400;
	background:#EFEFEF;
	border:5px solid #FFF;
	border-bottom:none;
}
.table002 th.th01 span { width:70px; padding:35px 0 35px 10px;background-color:#efefef; border-right:none!important; }
.table002 th.th02 span { width:70px; border-width:5px 5px 0 0; }

.table002 th span.typeTwo{
	padding:10px 0;
	width:180px;
}
.table002 th span.typeTwo img{margin:0;}
.table002 td span{
	display:block;
	margin-bottom:7px;
	padding:10px;
	text-align:left;
	border:5px solid #FFF;
	border-bottom:none;
}
.table002 .inputType001{width:100%;}
.table002 .inputType002{width:50px;}
.table002 .inputType003{
	position:relative;
	right:-10px;
	width:155px;
}
.table002 b{
	font-weight:400;
	color:red;
}
.table003 th,
.table003 td{padding:10px 10px 10px 0;}
.table003 td.typeTwo{padding:0;}
.table004{
	margin-top:10px;
	width:100%;
	background:#7F7F7F;
}
.table004 th{
	padding:5px 0;
	width:72px;
	text-align:center;
	font-weight:400;
	background:#fefbf3;
}
.table004 td{
	padding:5px;
	background:#fefbf3;
}
.table004 tr.typeTwo th,
.table004 tr.typeTwo td{background:#f7f7f7;}
.table005{margin-bottom:50px;}
.table005 table{margin:0;}
.table005 table td{border:none;}
.table006{
	margin-bottom:45px;
	width:100%;
}
.table006 img{display:inline;}
.table006 img.typeTwo{margin:10px;}
.table006 tr.typeTwo th,
.table006 tr.typeTwo td{
	background:#EFEFEF;
	border-top:1px solid #7F7F7F;
	border-bottom:1px solid #7F7F7F;
}
.table006 tr.typeTwo th.typeTwo{
	height:20px;
	border-bottom:none;
}
.table006 tr.typeTwo td.typeTwo{
	height:95px;
	border-top:none;
}
.table006 tr th{
	padding-top:10px;
	padding-left:5px;
	font-weight:400;
}
.table006 tr td.typeThree{border-bottom:1px solid #7F7F7F;}
.table006 tr td{
	padding-left:5px;
	height:95px;
}
.table007 tr td,
.table007 tr.typeTwo td.typeTwo{height:55px;}
.table008{
	margin-top:17px;
	width:100%;
}
.table008 th{
	padding:5px 0;
	font-weight:400;
	background:#ffedcc;
}
.table008 td{
	padding:5px 10px;
	background:#f7f7f7;
}
.table008 tr.typeTwo td{background:#fefbf3;}
.table009{margin-bottom:0;}
.table009 table{margin:0;}
.table009 table td{border:none;}
.table010{width:100%;}
.table010 th{
	padding:5px 10px;
	text-align:left;
	color:#666;
	font-weight:400;
	background:#EEE;
	border-bottom:3px solid #FFF;
}
.table010 td{
	padding:5px 10px;
	background:#F3F3F3;
	border-bottom:3px solid #FFF;
	
}
.table010 input{width:300px;}
.table010 input.w50{width:50px;}
.table010 .red{color:#F00;}
.table011{
	width:100%;
	background:#CCC;
}
.table011 tr td{
	padding:3px 10px;
	background:#FFF;
}


/* list */
.list001{
	padding:15px 0 20px 0;
	line-height:20px;
	text-align:center;
	background:url("../img/list001_bg.jpg") no-repeat center;
}
.list001 li{display:inline;}
.list001 li a:hover{color:#F90;}
.list002{background:url("../img/list002_bg.jpg") no-repeat center;}
.list003{
	clear:both;
	float:left;
	margin:20px 0 30px 0;
	width:517px;
	line-height:30px;
	font-size:15px;
}
.list003 li{
	float:left;
	padding-left:20px;
	width:198px;
	background:url("../img/ico009.jpg") no-repeat 0 center;
}
.list004{
	margin-top:7px;
	width:255px;
	height:86px;
	background:url("../img/list004_bg.jpg") no-repeat 0 0;
}
.list004 dt{
	padding-left:23px;
	line-height:33px;
	font-size:15px;
}
.list004 dd{
	padding-left:13px;
	line-height:50px;
}
/* 091014 */
.list004 dd img{
	display:inline;
	vertical-align:middle;
}

/* 091014 END */
.list005 li{width:83px;}

.list006{
	padding:15px 0 20px 0;
	line-height:20px;
	text-align:center;
}
.list006 li{display:inline;}
.list006 li a:hover{color:#F90;}
.list0020{
	padding:15px 0 20px 0;
	line-height:20px;
	text-align:left;
}
.list020 li a:hover{color:#F90;}

div.navboxwrapleft {
	float:left;
	padding:12px;
	width:168px;
}
.navboxleft ul, .navboxright ul {
	margin-top:5px;
}
.navboxleft ul.jp_date li a, .navboxleft ul.jp_date li a:visited {
	background:url('img/ico01.gif') no-repeat 2px 8px;
	border-bottom:2px dotted #AFAFAF;
	color:#7F7F7F;
	display:block;
	font-weight:400;
	height:21px;
	line-height:21px;
	padding-left:10px
}
.navboxleft ul li ul li {
	margin-bottom:0;
}
.navboxleft ul li {
	margin-bottom:5px;
	width:168px;
}
.navboxleft ul.jp_date li ul li a, .navboxleft ul.jp_date li ul li a:visited {
	background:transparent url("../img/ico01.gif") no-repeat scroll left 8px;
	border-bottom:1px dashed #AFAFAF;
	color:#7F7F7F;
	display:block;
	font-weight:400;
	height:21px;
	line-height:21px;
	padding-left:7px;
}
.navboxleft ul li a {
	color:#808080;
	text-decoration:none;
}
.navboxleft ul li a:hover, .navboxright ul li a:hover, .navboxleft ul.jp_date li ul li a:hover {
	color:#4F9E4D;
}
a.mailto,
a.mailto:visited{
	color:#06C;
	text-decoration:underline;
}
.home{padding-top:13px;}
.yinfu{
	display:inline;
	vertical-align:middle;
}
.class_dl01 dt{
	float:left;
	width:190px;
	}	
.class_dl01 p{
	height:24px;
	font-size:15px;
	vertical-align:middle;
	margin-bottom:6px;
	}
.class_dl01 p img{
	margin-right:3px;
	}
	
.class_dl01 h3{
	height:24px;
	font-size:18px;
	vertical-align:top;
	color:#FF9900;
	border-bottom:1px solid #FF9900;
	margin-bottom:6px;
	margin-left:190px;
	}	

.class_t{
	line-height:24px;
	margin:24px 0px;
	font-size:24px;
	/*color:#00FF00;*/
	font-weight:600;
	text-align:center;
	width:516px;
	}
.class_ul01 ul{margin-bottom:24px;}
	
.class_ul01 li{display:block;
float:left;}
.w160 {width:160px;}
.w170 {width:190px;}

.table002_Asimov { width:516px; }
.table002_Asimov em { color:#ff0000;  font-weight:600;}
.table002_Asimov th { width:180px; text-align:left; font-weight:normal; }
.table002_Asimov th ,
.table002_Asimov td { vertical-align:middle; padding:0 0 6px 6px; border-top:6px #fff solid; background:url("../img/table_bg01.gif") no-repeat left bottom; }

.table002_Asimov th { padding:10px 0 16px 6px; }
.table002_Asimov th img { float:left;padding:2px 10px 0 10px; }

.table002_Asimov td { width:311px; background-position:right bottom; padding-left:19px; }

.table002_Asimov td input { width:300px; }

.table002_Asimov th.th01 { width:90px; }

.table002_Asimov th.th02 { width:84px; background-color:#efefef; padding-bottom:10px; }

.table002_Asimov .th03 { border-color:#efefef; background-position:right bottom;padding-top:4px; padding-bottom:16px!important;}

h3.title101,
h3.title102,
h3.title103{
	clear:both;
	line-height:26px;
	color:#FFF;
	margin:0px 0;
	padding-left:5px;
	font-size:16px;
}
h3.title101{background:url("../img/title101_bg.jpg") no-repeat 0 0;}
h3.title102{background:url("../img/title102_bg.jpg") no-repeat 0 0;}
h3.title103{background:url("../img/title103_bg.jpg") no-repeat 0 0;}

#main101 {
	background:url("../img/mainBg101.gif") repeat-y!important;
	background-color:none;
	width:768px;
	padding-bottom:48px!important;
	padding-bottom:25px;
}
#main101 .left ,
#main101 .right {
	float:left;
	width:168px;
	padding:12px;
}
body.layoutTwo101 #main{
	background:url("../img/mainBgTwo101.gif") repeat-y!important;
	background-color:none;
	width:566px;
}
body.layoutTwo101 .contents{
	padding:12px 30px 30px 20px;
	width:500px;
}
body.layoutTwo101 .contents h2{
	padding-left:10px;
	line-height:24px;
	font-size:15px;
	color:#FFA600;
	background:url("../img/con_h2_bg101.jpg") no-repeat 0 0;
}
body.layoutTwo102 #main{
	/* background:url("../img/mainBgTwo101.gif") repeat-y!important; */
	background-color:none;
	width:550px;
}
body.layoutTwo102 .contents{
	padding:12px 30px 30px 20px;
	width:500px;
}
body.layoutTwo102 .contents h2{
	padding-left:10px;
	line-height:24px;
	font-size:15px;
	color:#FFA600;
	background:url("../img/con_h2_bg101.jpg") no-repeat 0 0;
}
body.layoutInfo #main{
	background:url("../img/mainBgTwo101.gif") repeat-y!important;
	background-color:none;
	width:334px;
}
body.layoutInfo .contents{
	padding:0px 0px 0px 6px;
	width:334px;
}
body.layoutInfo .contents h2{
	padding-left:5px;
	line-height:24px;
	font-size:15px;
	color:#FFA600;
	background:url("../img/con_h2_bg101.jpg") no-repeat 0 0;
}
h3.titleInfo{
	margin-bottom:3px;
	padding-top:5px;
	line-height:24px;
	font-size:14px;
	color:#FFA600;
	border-bottom:1px solid #FFA600;
}
h3.titleInfo span{
	font-size:12px;
	color:#7F7F7F;
}