@charset "utf-8";

#body a {background:#e4d9cb; color:#000000; text-decoration:none;}
#body a:hover {color:#999999;}

#body > header {*zoom:1; padding:40px 0; border-bottom:1px solid #cccccc; text-align:center;}
#body > header > h1 {width:285px; margin:0 auto;}
#body > header > h1 > a {display:block; height:80px; background:url(images/title.png) no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}

#body > section {*zoom:1; margin:50px 0 0; padding:40px 0 0; border-top:1px solid #cccccc;}
#body > header + section {margin-top:0; border:none;}
#body > section:after {display:block; clear:both; height:0; content:"";}
#body > section > h1 {float:left; width:300px; font-size:18px; font-weight:normal;}
#body > section > section {float:right; width:620px; font-size:15px; line-height:2;}
#body > section > section > p {margin:2em 0 0;}
#body > section > section > p:first-child {margin-top:0;}
#body > section > section small {font-size:12px;}


@media screen and (max-width:960px) {

#body {padding-bottom:25px;}
#body > header {padding:20px 0;}

#body > section {margin:25px 20px 0; padding-top:20px; border-color:#000000;}
#body > section > h1 {float:none; width:auto; font-size:15px; font-weight:bold;}
#body > section > section {float:none; width:auto; margin-top:1em;}

}

@media print {

#body > header > h1 {width:auto;}
#body > header > h1 > a {height:auto; background:none; text-indent:0; white-space:normal; overflow:visible;}

}




#body > #news {}
#body > #news > section > address {margin:2em 0 0;text-align:right;}

#body > #distribution {}
#body > #distribution > section > ul {*zoom:1; margin:-15px 0 0;}
#body > #distribution > section > ul > li {*zoom:1; padding:15px 0; border-bottom:1px solid #e5e5e5; line-height:1.5;}
#body > #distribution > section > ul > li > a {display:block; margin:-15px 0; padding:15px 0 15px 20px; background:url(../../common/images/icon_link.png) 0 1.3em no-repeat; text-decoration:none;}

#body > #purpose {}
#body > #purpose  > section > ol {*zoom:1; margin:2em 0 0;}
#body > #purpose  > section > ol > li {*zoom:1; padding:0 0 0 1.5em; text-indent:-1.5em;}

#body > #organization {border-top:solid 2px #bbb;}

#body > #management {}

#body > .lead {font-size:130%; border-top:solid 2px #bbb;}

#body > #principle {}
#body > #principle > section > ol {*zoom:1; margin:2em 0 0 ;}
#body > #principle > section > ol > li {*zoom:1; padding:0 0 0 1.5em; text-indent:-1.5em;}
#body > #principle > section > ul {*zoom:1; margin:2em 0 0;}
#body > #principle > section > ul > li {*zoom:1; padding:0 0 0 1.5em; text-indent:-1.5em;}
#body > #principle > section > ul > li i {font-family: Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Sans-Serif;}

#body > #contact {}
#body > #contact > section > address {margin:2em 0 0;text-align:right;}

#body > #customer {padding-top:0; border-top:none;}
#body > #customer > p {font-size:15px;}
#body > #customer2  {padding-top:0; border-top:none; margin:10px auto 0;}

@media screen and (max-width:960px) {

#body > #distribution > section > ul {margin-top:0; border-top:1px solid #e5e5e5;}
#body > #distribution > section > ul > li {padding:10px 0;}
#body > #distribution > section > ul > li > a {
	min-height:20px; margin:-10px 0; padding:10px 50px 10px 0; background:url(../../common/images/sp/icon_arrow_right.png) right center no-repeat;
	-webkit-background-size:50px; background-size:50px;}

#body > #customer {margin-top:40px;}

}