/* basic elements */

@import url(base.css);

body {
   line-height: 1.5em;
}

/***** container̐ݒ  *****/
#container {
   width: 800px;
   margin: 0 auto; /* center on everything else */
   padding: 0;
   text-align: left;
}

/***** container̐ݒ ܂ *****/

/***** header̐ݒ  *****/
#header {
   margin: 0;
   padding: 0;
   height: 55px;
   border-bottom: solid #cccccc 1px;
}

#header h1 {
   margin: 0;
   padding: 0;
}

#site-logo {
   float: left;
   margin: 7px 0 0 15px;
}

ul#headerNavi {
   float: right;
   margin: 15px 0 0 0;
   padding: 0;
   list-style-type: none;
}

ul#headerNavi li {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-indent: -9999px;
   float: left;
}

#headerNaviTop a {
   background: url(img/navi/headerNaviTop.gif) no-repeat 0 0;
}

#headerNaviSightseeing a {
   background: url(img/navi/headerNaviSightseeing.gif) no-repeat 0 0;
}

#headerNaviSitemap a {
   background: url(img/navi/headerNaviSitemap.gif) no-repeat 0 0;
}

#headerNaviTop a, #headerNaviSightseeing a, #headerNaviSitemap a {
   width: 100px;
   height: 20px;
   text-decoration: none;
   display:block;
}

#headerNaviTop a:hover, #headerNaviSightseeing a:hover, #headerNaviSitemap a:hover {
   background-position: 0 -20px;
}

#navi ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   clear: both;
}

#navi li {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-indent: -9999px;
   float: left;
}

#naviConcept a {
   background: url(img/navi/naviConcept.gif) no-repeat 0 0;
   width: 202px;
}

#naviSakagura a {
   background: url(img/navi/naviSakagura.gif) no-repeat 0 0;
   width: 138px;
}

#naviProduct a {
   background: url(img/navi/naviProduct.gif) no-repeat 0 0;
   width: 167px;
}

#naviContact a {
   background: url(img/navi/naviContact.gif) no-repeat 0 0;
   width: 155px;
}

#naviCompany a {
   background: url(img/navi/naviCompany.gif) no-repeat 0 0;
   width: 138px;
}

#naviConcept a, #naviSakagura a, #naviProduct a, #naviContact a, #naviCompany a {
   height: 45px;
   text-decoration: none;
   display:block;
}

#naviConcept a:hover, #naviSakagura a:hover, #naviProduct a:hover, #naviContact a:hover, #naviCompany a:hover {
   background-position: 0 -45px;
}

#headConcept #naviConcept a, #headProduct #naviProduct a, #headSakagura #naviSakagura a, #headContact #naviContact a, #headCompany #naviCompany a {
   background-position: 0 -90px;
}

/***** header̐ݒ ܂ *****/
/***** top̐ݒ  *****/
#top {
   width: 800px;
   height: 420px;
   margin: 15px 0 0;
   padding: 0;
}

#topmain {
   display: inline;   /* IE t[g}[WQ{ɂȂoỎ */
   float: left;
   background: url(img/image/topBgImg.gif) no-repeat 0 0;
   width: 500px;
   margin: 0;
   padding: 0;
}

#topmain_left {
   display: inline;   /* IE t[g}[WQ{ɂȂoỎ */
   float: left;
   width: 255px;
   margin: 40px 0 0 0;
   padding: 0;
}

#topmain_right {
   display: inline;   /* IE t[g}[WQ{ɂȂoỎ */
   float: right;
   width: 230px;
   margin: 160px 0 0 0;
   padding: 0;
}

#topsub {
   display: inline;   /* IE t[g}[WQ{ɂȂoỎ */
   float: right;
   width: 260px;
   margin-left: 0;
   padding-left: 0;
}

.topTitle {
   margin: 40px 0 15px;
}

#topBtn01, #topBtn02 {
   margin-top: 30px;
}

#topBtn01 {
   margin-left: 120px;
}

#topBtn02 {
   margin-left: 150px;
}

.subbanner {
   padding-bottom: 10px;
}

/***** top̐ݒ ܂ *****/

/***** content̐ݒ  *****/
#content {
   float: left;
   width: 800px;
   margin: 0;
   padding: 20px 0 20px;
}

/***** content̐ݒ ܂ *****/

/***** main̐ݒ  *****/
#main {
   display: inline;   /* IE t[g}[WQ{ɂȂoỎ */
   float: left;
   width: 535px;
   margin-top: 0;
   margin-right: 0;
   padding: 0;
}

.go {
   padding-left: 25px;
   background: url(/images/link.gif) no-repeat 0 50%;
}

#main-inner {
   clear: both;
   height: 120px;
   background-color: #006699;
}

#m-main {
   display: inline;   /* IE t[g}[WQ{ɂȂoỎ */
   float: left;
   width: 430px;
   margin: 0;
   padding: 0;
}

#m-main img {
   margin: 0;
   padding: 0;
}

#m-sub {
   display: inline;   /* IE t[g}[WQ{ɂȂoỎ */
   float: right;
   width: 150px;
   margin: 0;
   padding: 0;
}

#m-sub a {
   color: #336699;
/*
   font-size: 12px;
*/
   font-weight: bold;
   text-decoration: none;
}

#m-sub a:hover {
   color: #666666;
   text-decoration: underline;
}

#m-sub ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#m-sub li {
   margin: 0 5px 8px;
   padding: 0 0 0 20px;
   list-style-type: none;
}

#m-sub .side-menu {
   border: solid #bbdbf3 3px;
   margin: 0 0 10px;
   padding: 5px 1px;
}

#m-sub .side-menu img {
   margin-bottom: 5px;
}

#sub-search {
   text-align: center;
   height: 90px;
}


/***** main̐ݒ ܂ *****/

/***** sub̐ݒ  *****/
#sub {
   display: inline;   /* IE t[g}[WQ{ɂȂoỎ */
   float: right;
   width: 260px;
   margin-left: 0;
   padding-left: 0;
}

.side-menu {
   border: solid #bbdbf3 3px;
   margin: 5px 0;
   padding: 5px 1px;
}

#sub .side-menu p {
   margin: 5px;
   padding: 5px 0;
   font-size: 10px;
   border-top: dashed #666666 1px;
}

#side-login-button, #side-login-exp, #side-staff-page {
   padding: 0 4px 5px;
}

.side-staff-sample {
   margin: 10px 7px 0;

}

.staff1, .staff2, .staff3 {
   margin: 3px 7px 10px 7px;;
   padding: 5px 0 20px 10px;
   font-size: 10px;
   border-bottom: dashed #666666 1px;
}

.staff1 {
   background: url(/images/side-staff-name1.gif) no-repeat 0 0;
}

.staff2 {
   background: url(/images/side-staff-name2.gif) no-repeat 0 0;
}

.staff3 {
   background: url(/images/side-staff-name3.gif) no-repeat 0 0;
}

#sub-toiawase {
   background: url(/images/side-info.gif) no-repeat 0 0;
   margin: 5px 0 0 10px;
   padding: 200px 3px 10px;
}

#sub-toiawase p {
   display: none;
}

#side-profile {
   margin: 20px 0 0 10px;
   padding: 0;
}

#side-blog {
   margin: 0 0 0 10px;
   padding: 0;
}

#side-mitsumori {
   margin: 0 0 5px 3px;
}

#sub ul {
   margin: 0;
}

/***** sub̐ݒ ܂ *****/

/***** footer̐ݒ  *****/
#footer {
   clear: both;
   font-size: 12px;
   height: 30px;
   border-bottom: solid #cccccc 1px;
}

ul#footerNavi {
   float: left;
   margin: 0 0 0 10px;
   padding: 0;
   list-style-type: none;
}

ul#footerNavi li {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-indent: -9999px;
   float: left;
}

#footerNaviPrivacy a {
   background: url(img/navi/footerNaviPrivacy.gif) no-repeat 0 0;
   width: 100px;
}

#footerNaviPolicy a {
   background: url(img/navi/footerNaviPolicy.gif) no-repeat 0 0;
   width: 111px;
}

#footerNaviLaw a {
   background: url(img/navi/footerNaviLaw.gif) no-repeat 0 0;
   width: 83px;
}

#footerNaviLink a {
   background: url(img/navi/footerNaviLink.gif) no-repeat 0 0;
   width: 83px;
}

#footerNaviPrivacy a, #footerNaviPolicy a, #footerNaviLaw a, #footerNaviLink a {
   height: 20px;
   text-decoration: none;
   display:block;
}

#footerNaviPrivacy a:hover, #footerNaviPolicy a:hover, #footerNaviLaw a:hover, #footerNaviLink a:hover {
   background-position: 0 -20px;
}


#footNavi ul {
   clear: both;
   margin: 0;
   padding: 0;
   list-style-type: none;
   height: 60px;
}

#footNavi li {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-indent: -9999px;
   float: left;
}

#footerNaviConcept a {
   background: url(img/navi/footerNaviConcept.gif) no-repeat 0 0;
   width: 202px;
}


#footerNaviSakagura a {
   background: url(img/navi/footerNaviSakagura.gif) no-repeat 0 0;
   width: 138px;
}

#footerNaviProduct a {
   background: url(img/navi/footerNaviProduct.gif) no-repeat 0 0;
   width: 167px;
}

#footerNaviContact a {
   background: url(img/navi/footerNaviContact.gif) no-repeat 0 0;
   width: 155px;
}

#footerNaviCompany a {
   background: url(img/navi/footerNaviCompany.gif) no-repeat 0 0;
   width: 138px;
}

#footerNaviConcept a, #footerNaviSakagura a, #footerNaviProduct a, #footerNaviContact a, #footerNaviCompany a {
   height: 45px;
   text-decoration: none;
   display:block;
}

#footerNaviConcept a:hover, #footerNaviSakagura a:hover, #footerNaviProduct a:hover, #footerNaviContact a:hover, #footerNaviCompany a:hover {
   background-position: 0 -45px;
}

#footConcept #footerNaviConcept a, #footProduct #footerNaviProduct a, #footSakagura #footerNaviSakagura a, #footContact #footerNaviContact a, #footCompany #footerNaviCompany a {
   background-position: 0 -90px;
}









#pagetopBtn {
   float: right;
   margin: 0 10px 0 0;
}

#companyinfo {
   float: left;
   margin: 10px 0 0 10px;
}


#companyinfo p {
   margin: 0;
   color: #555555;
}

#companyname {
   font-size: 12px;
   font-weight: bold;
}

#companyaddress {
   font-size: 8px;
}

#companytel {
   font-size: 12px;
}

address {
   font-style: normal;
   float: right;
   margin: 10px 15px 0 0;
   padding: 0;
}

/***** footer̐ݒ ܂ *****/


/* C̐ݒ */
h1 {
   margin: 0;
   padding: 0;
}

h4 {
}

h5 {
}

h6 {
}

p {
	margin:10px 0 0 0;
}

p a img {
	padding:0;
	margin:0;
}

.concept-h3 {
	margin:20px 0;
}

.concept-h4 {
	margin:50px 0 0 0;
}

.concept-h5 {
	background-color:#E5E5E5;
	padding:5px;
	margin:20px 0 0 0;
}

/*
h2 {
   clear: both;
}

h4 {
   background: url(/images/h3-bg.gif) no-repeat 0 0;
   font-size: 16px;
   padding: 10px 0 15px 40px;
   color: #006633;
}

h5 {
   background: url(/images/h4-bg.gif) no-repeat left 50%;
   font-size: 16px;
   padding: 5px 0 5px 30px;
   color: #0099cc;
   border-bottom: dashed #0099cc 1px;
}

h6 {
   font-size: 12px;
   color: #ff0000;
}
*/

/* ̑ */
ul#event {
   text-align: left;
   margin: 20px 0 0 20px;
   padding: 0;
   list-style-type: none;
}

ul#event li {
   margin: 5px 0;
   padding: 0;
   list-style-type: none;
}

.eventdate {
   background: url(img/image/listAllow.gif) no-repeat 0 50%;
   padding: 0 20px;
}

#panlist {
   clear: both;
   border-top: dotted #999999 1px;
   border-bottom: dotted #999999 1px;
   background-color: #F5F5F5;
   margin: 5px 0 0;
   padding: 3px 10px;
   font-size: 10px;
}

#panlist a {
   text-decoration: none;
   color: #0066cc;
}

#panlist a:hover {
   text-decoration: underline;
}

/***** conceptEsakaguraEproduct̐ݒ  *****/
#concept_menu, #sakagura_menu, #product_menu {
   clear: both;
   margin: 20px 0 0;
   padding: 0 0 0 260px;
}

#concept_menu {
   background: url(img/title/titleConcept.gif) no-repeat 0 0;
   height: 108px; 
}

#sakagura_menu {
   background: url(img/title/titleSakagura.gif) no-repeat 0 0;
   height: 54px; 
}

#product_menu {
   background: url(img/title/titleProduct.gif) no-repeat 0 0;
   height: 180px; 
}

#concept_menu ul, #sakagura_menu ul, #product_menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   clear: both;
}

#concept_menu li, #sakagura_menu li, #product_menu li {
   margin: 7px 5px 0 0;
   padding: 0;
   list-style-type: none;
   text-indent: -9999px;
   float: left;
}

#concept_menu1 a, #concept_menu2 a, #concept_menu3 a, #concept_menu4 a, #concept_menu5 a, #concept_menu6 a, 
#sakagura_menu1 a, #sakagura_menu2 a, #sakagura_menu3 a, 
#product_menu1 a, #product_menu2 a, #product_menu3 a, #product_menu4 a, #product_menu5 a, #product_menu6 a, #product_menu7 a, #product_menu8 a {
   width: 130px;
   text-decoration: none;
   display:block;
}

#concept_menu1 a, #concept_menu2 a, #concept_menu3 a, #concept_menu4 a, #concept_menu5 a, #concept_menu6 a, 
#sakagura_menu1 a, #sakagura_menu2 a, #sakagura_menu3 a {
   height: 40px;
}

#product_menu1 a, #product_menu2 a, #product_menu3 a, #product_menu4 a, #product_menu5 a, #product_menu6 a, #product_menu7 a, #product_menu8 a {
   height: 80px;
}

#concept_menu1 a {
   background: url(img/btn/btnConcept01.gif) no-repeat 0 0;
}

#concept_menu2 a {
   background: url(img/btn/btnConcept02.gif) no-repeat 0 0;
}

#concept_menu3 a {
   background: url(img/btn/btnConcept03.gif) no-repeat 0 0;
}

#concept_menu4 a {
   background: url(img/btn/btnConcept04.gif) no-repeat 0 0;
}

#concept_menu5 a {
   background: url(img/btn/btnConcept05.gif) no-repeat 0 0;
}

#concept_menu6 a {
   background: url(img/btn/btnConcept06.gif) no-repeat 0 0;
}

#sakagura_menu1 a {
   background: url(img/btn/btnSakagura01.gif) no-repeat 0 0;
}

#sakagura_menu2 a {
   background: url(img/btn/btnSakagura02.gif) no-repeat 0 0;
}

#sakagura_menu3 a {
   background: url(img/btn/btnSakagura03.gif) no-repeat 0 0;
}

#product_menu1 a {
   background: url(img/pic/btnProduct01.jpg) no-repeat 0 0;
}

#product_menu2 a {
   background: url(img/pic/btnProduct02.jpg) no-repeat 0 0;
}

#product_menu3 a {
   background: url(img/pic/btnProduct03.jpg) no-repeat 0 0;
}

#product_menu4 a {
   background: url(img/pic/btnProduct04.jpg) no-repeat 0 0;
}

#product_menu5 a {
   background: url(img/pic/btnProduct05.jpg) no-repeat 0 0;
}

#product_menu6 a {
   background: url(img/pic/btnProduct06.jpg) no-repeat 0 0;
}

#product_menu7 a {
   background: url(img/pic/btnProduct07.jpg) no-repeat 0 0;
}

#product_menu8 a {
   background: url(img/pic/btnProduct08.jpg) no-repeat 0 0;
}

h2.concept-h2 {
   margin-left: 10px;
}

h2.sakagura-h2, h2.product-h2 {
   margin: 0 0 20px 0;
}

.titleSakagura, .titleProduct {
   margin: 20px 0 10px;
}

.SakaguraKengaku-left {
   margin: 20px 0 10px;
}

.SakaguraKengaku-right {
   margin: 20px 0 10px 380px;
}

.imgFlowAllow2 {
   margin: 10px 0;
}

.kengaku-left {
   float: left;
   margin: 10px 20px 0 0;
}

.kengaku-right {
   float: right;
   margin: 10px 0 0 20px;
}

.width500 {
	width:500px;
	clear:both;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.marginTop20 {
	margin:20px 0 0 0;
}

.productcapacity {
   margin-top: 10px;
}

.productcapacity2 {
   margin-top: 20px;
}

.productform {
   border: solid #cccccc 1px;
   background-color: #f5f5f5;
   margin: 5px 0 20px 0; 
   padding: 0;
   width: 350px;
}

.label {
   color: #555555;
/*
   font-size: 12px;
*/
}

.label2 {
   color: #555555;
/*
   font-size: 12px;
*/
}

.btnproductform {
   margin-left: 30px;
}
/***** conceptEsakaguraEproduct̐ݒ ܂ *****/

.clear {
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
}

/***** box̐ݒ  *****/
.box {
   clear: both;
   padding-top: 30px;
   width:800px;
/*
   background-image:url(img/image/boxBorder.gif);
   background-repeat:repeat-y;
   background-position:top left;
*/
}

.box_left {
   float: left;
   width: 250px;
}

.box_right {
   float: right;
   width: 510px;
   border-left: solid #CCCCCC 1px;
   padding: 0 0 30px 25px;
}


.titleConceptObsessiveness {
   margin: 10px 0 0 0;
}

.titleConceptFlow {
   margin: 20px 0 10px 0;
}

.box p {
   margin-left: 10px;
/*
   font-size: 12px;
*/
}

.box td {
/*
   font-size: 11px;
*/
   color: #555555;
   line-height: 1em;
   padding-top: 2px;
}

.backListBtn {
   float: right;
}
/***** box̐ݒ ܂ *****/


div.normalTbl {
	margin: 20px 0 0 0;
}

div.normalTbl table {
	border-top: 1px solid #CCCCCC;
}

div.normalTbl table td {
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	font-size:100%;
	_font-size:80%;
	color:#555555;
	line-height:160%;
}

div.normalTbl table th {
	border-bottom: 1px solid #CCCCCC;
	padding:15px 5px;
	background: #efefef;
	text-align: center;
}

div.normalTbl table td.head {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding:15px 5px;
	background: #f5f5f5;
}

.fontRed {
	color:#FF0000;
	font-weight:bold;
}

p.mini {
	font-size:80%;
	line-height:140%;
}

.subBlogmain {
	background-image:url(img/image/rightbg02.jpg);
	background-position:top;
	background-repeat:repeat-y;
}

.subBlogBottom {
	background-image:url(img/image/rightbg03.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:250px;
	height:30px;
}

p.text {
	margin:10px 10px 0 10px;
	line-height:200%;
}

p.text2 {
	margin:0 0 0 30px;
}

p.text3 {
	margin:-10px 10px 0 10px;
}

p.text4 {
	margin:10px 10px 0 10px;
}

ul.listStyle {
	margin:20px 0 0 30px;
}

ul.listStyle li {
	list-style:disc;
	
}

.boxLink {
	margin:10px 0 0 0;
	padding:10px;
	border:1px solid #E5E5E5;
	background-color:#FFFFCC;
}

.dtStyle {
	margin:20px 0 0 0;
	line-height:200%;
}

.dtStyle dt {
	margin:0 0 0 20px;
	list-style:outside;
}

.dtStyle dd {
	margin:0 0 0 40px;
}

.date {
	font-size:80%;
	text-align:right;
}

.titleH4 {
	margin:20px 0 0 0;
	font-size:130%;
	border-bottom:1px dotted #CCCCCC;
	padding:0 0 5px 0;
}

.alignCenter {
	text-align:center;
	margin:10px 0 0 0;
}

.form {
	padding:10px;
	margin:10px 0 0 0;
}

.sightseeingTable {
	margin:20px 0 0 10px;
}

.sightseeingTable table {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	font-size:80%;
}

.sightseeingTable th {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding:5px;
	text-align:center;
}

.sightseeingTable td {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px;
}