@charset "UTF-8";

/* Reset
----------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img{vertical-align:bottom;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
strong {font-weight:bold;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
address, em{font-style:normal;}
a{text-decoration:none;}

/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
 http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/
body{font:14px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* Frame Layout
----------------------------------------------- */
body{font-size: 14px; font-family: Verdana,Arial,sans-serif;}
* html body{font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;}
body{color:#444; background:url(../images/common/bg_body.jpg);}

#wrapper{width:100%; padding-top:25px; background:url(../images/common/bg_wrapper.jpg) repeat-x;}
#container{width:862px; margin:0 auto; background:url(../images/common/bg_container.jpg) repeat-y;}
#main{width:850px; padding:6px 6px 0; background:url(../images/common/bg_main.jpg) no-repeat;}
#contents{float:right; width:660px; overflow:hidden;}
#sidebar{float:left; width:190px; overflow:hidden;}
#footer{width:850px; padding:40px 6px; margin:0 auto; background:url(../images/common/bg_footer.jpg) no-repeat;}

#main:after{display:block;height:0;visibility:hidden;clear:both;content: ".";}

#main{
	min-height:520px;
	height: auto !important;
	height: 520px;
}

/* SideBar
----------------------------------------------- */
#logo{text-align:center; padding-top:20px; margin-bottom:45px;}

/* Global Navi */
#globalnavi{width:110px; margin:0 auto 115px;}
#globalnavi ul{width:100%;}
#globalnavi ul li{margin-bottom:15px;}
#globalnavi ul li a{display:block; width:100%; height:20px; text-indent:-9999px; outline:0;}
#globalnavi ul li.navi1 a{background:url(../images/common/navi1.png) no-repeat;}
#globalnavi ul li.navi2 a{background:url(../images/common/navi2.png) no-repeat;}
#globalnavi ul li.navi3 a{background:url(../images/common/navi3.png) no-repeat;}
#globalnavi ul li.navi4 a{background:url(../images/common/navi4.png) no-repeat;}
#globalnavi ul li a:hover{background-position:0 -20px;}

address{display:block; width:142px; height:90px; margin:0 auto; text-indent:-9999px; background:url(../images/common/address.jpg) no-repeat;}

/* footer
----------------------------------------------- */
#footer{text-align:right; color:#999;}
#footer p{padding:0 1em;}


/* Common
----------------------------------------------- */
/*Links*/
a:link, a:visited{color:#4C9996;}
a:hover, a:focus{text-decoration:underline;}

#contents{line-height:1.5;}
#contents p{margin-bottom:1.2em;}
h1{height:85px; margin-bottom:1em; text-indent:-9999px;}
h2{height:30px; margin:3em 0 1.5em 0; text-indent:-9999px;}
h2.first{margin-top:0;}
.c{text-align:center;}
h3{ font-size: 1.4em;}
#home,
#company,
#products,
#flow,
#info{zoom:1;}

/* Home
----------------------------------------------- */
#home{width:100%; height:520px; background:url(../images/home/main.jpg) no-repeat;}
#home h1{color:#FFF; font-size:1.2em; height:35px; line-height:35px; text-indent:0;}
#home .news{position:relative; top:400px; left:110px; width:450px; color:#FFF;}
#home .news a{color:#FFF; text-decoration: underline; font-weight: bold;}

/* Conpany
----------------------------------------------- */
#company{padding-left:15px; background:url(../images/companies.jpg) right 50px no-repeat;}
#company h1{background:url(../images/titles/h_company.jpg) no-repeat;}
#company h2{border-bottom:1px solid #CCC;}
#company h2.t1{width:380px; background:url(../images/titles/h_prof.jpg) no-repeat;}
#company h2.t2{background:url(../images/titles/h_history.jpg) no-repeat;}

#company dl{line-height:1.5em;}
#company dl dt{width:6em;}
#company dl dd{margin:-1.5em 0 0.5em 8.5em;}
#company dl#profile dd{text-indent:-1em;}
#company dl#history dt{text-align:right;}



/* Products
----------------------------------------------- */
#products{padding:0 15px; background:url(../images/mochi.jpg) right top no-repeat;}
#products h1{background:url(../images/titles/h_products.jpg) no-repeat;}

#products h2.t1{background:url(../images/titles/h_pro1.jpg) no-repeat;}
#products h2.t2{background:url(../images/titles/h_add.jpg) no-repeat;}
#products h2.t3{background:url(../images/titles/h_pro2.jpg) no-repeat;}
#products h2.t4{background:url(../images/titles/h_pro3.jpg) no-repeat;}
#products h2.t5{background:url(../images/titles/h_pro4.jpg) no-repeat;}
#products h2.t6{background:url(../images/titles/h_pro5.jpg) no-repeat;}

#products ul{width:100%;}
#products ul li{width:305px; padding-bottom:2em;}
#products ul li.odd{float:left;}
#products ul li.even{float:right;}

#products ul li img{float:left; padding:1px; border:1px solid #CCC;margin-right: 5px;}

#products dl{margin-left:100px; line-height:1.5em; }
#products dl dt{width: 80px;   float: left; }
/* #products dl dt:after{ content: ": "} */
#products dl dd{ width: 120px;  margin: 0 2em 0 7em;}

#products ul:after,
#products ul li:after{display:block;height:0;visibility:hidden;clear:both;content: ".";}

#products table th {
    width: 85px;
    white-space: nowrap;
}

/* Flow
----------------------------------------------- */
#flow{padding:0 15px; background:url(../images/flow.jpg) right top no-repeat;}

#flow h1{background:url(../images/titles/h_prosess.jpg) no-repeat;}
#flow h2{text-indent:0; margin:0; height:auto;}
#flowarea{background:url(../images/flow/prosess_line.jpg) 20px 55px no-repeat;}
#flowarea ol{list-style-type:none;}
#flowarea ol li{height:120px; padding:10px 0 0;}
#flowarea p{margin-bottom:0.5em;}

#flowarea li.pros1{margin-left:42px; padding-left:160px; background:url(../images/flow/pros1.jpg) no-repeat;}
#flowarea li.pros2{margin-left:101px; padding-left:326px; background:url(../images/flow/pros2.jpg) no-repeat;}
#flowarea li.pros3{margin-left:160px; padding-left:313px; background:url(../images/flow/pros3.jpg) no-repeat;}
#flowarea li.pros4{margin-left:219px; padding-left:313px; background:url(../images/flow/pros4.jpg) no-repeat;}
#flowarea li.pros5{margin-left:92px; padding-left:190px; background:url(../images/flow/pros5.jpg) no-repeat;}
#flowarea li.pros6{padding-left:345px; background:url(../images/flow/pros6.jpg) no-repeat;}
#flowarea li.pros7{margin-left:213px;padding-left:190px; background:url(../images/flow/pros7.jpg) no-repeat;}

/* Information
----------------------------------------------- */
#info{
    padding: 0 20px;
	background: url(../images/koinobori.jpg) no-repeat right top;
}

#info h1{background:url(../images/titles/h_info.jpg) no-repeat;}
#info h2.news1{background:url(../images/titles/bigtitle.jpg) no-repeat;}
#info h2.news2{background:url(../images/titles/syohin_goannai.jpg) no-repeat;}

#info h2{
    color: #385371;
	font-size: 20px;
	margin: 20px 0 10px 0;
	padding: 1px 10px;
	text-indent: 0;
	height: auto;
	background: #B7DDE8;
	
}

#info h3{
    color: #385371;
    font-size: 18px;
    text-indent: 0;
    height: auto;
    margin: 1em 0 0.5em 0;
}

#info h4{
    color: #4c779f;
	font-size: 16px;
	margin: 1em 0 0.3em 0;
	padding: 0;
	text-indent: 0;
	height: auto;
}

#info .box {
    width: 480px;
    text-align: center;
    color: #fff;
    background-color: #20A121;
    margin-left: 1em;
    padding: 12px;
    box-sizing: border-box;
}

#info ol,
#info ul {
	margin: 10px 0 10px 20px;
}

#info ul {
    list-style-type: disc;
}

#info dl {	background-color: #f7f7f7;
	margin: 10px 0;
	padding: 10px;
	line-height: 20px;
}

#info dt {
	font-weight: bold;
	float: left;
}

#info dd {
	margin-left: 6em;
}

#info dl.ind2 dd {
	margin-left: 11em;
}

#info .box-all {
	background-color: #f7f7f7;
	text-align: center;
	padding: 20px;
}

#info .box-all h4 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
}

#info .question h3,
#info .answer h3 {
    color: #56682E;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

#concept ol li{margin-bottom:2em;}

.leftimg {
	float: left;
	margin-right: 15px;
}

.rightimg {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.bigger {
    font-size: 110%;
}

.info-body {
    zoom: 1;
    padding-bottom: 20px;
}

.info-body:after {
    display: block;
    content: '';
    clear: both;
}

.question {
    margin: 20px 0;
    zoom: 1;
}

.question:after {
    content: '';
    display: block;
    clear: both;
}

.answer {
    
}
.ph {color: #4E7F5B; text-decoration: underline;}

.clearfix {
    zomom: 1;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.leftcontents,
.rightcontents {
    float: left;
}

.leftcontents {
    width: 300px;
}

.rightcontents {
    width: 300px;
    margin-left: 20px;
}

.gold{
	color:#ac830e;
}
.black{
	color:black;
}