@charset "UTF-8";

/* Reset */

body, div, h1, h2, h3, p, dl, dt, dd, ul, ol, li {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	font-size: 100%;
}

a {
	text-decoration: none;
}

em {
	font-style: normal;
}

img {
	border: none;
	vertical-align: bottom;
}

a {
	outline: none;
}

ul {
	list-style-position: outside;
	list-style-type: none;
}

ol {
	list-style-position: outside;
}
	

/* Setting */

html {
	font-size: 13px;
	-webkit-text-size-adjust: 100%
}

* html { /* for IE6 */
	font-size: small;
}
	
*:first-child+html { /* for IE7 */
	font-size: small;
}

body {
	background: #FFFFFF;
	line-height: 1.8;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #000000;
	width: 100%;
	box-shadow: 0px 5px #153555;
}


/* Header */

#page {
}

*:first-child+html #page {
}

#header_wrapper {
	width: 100%;
	background: #fff url(../images/common/bk_header.gif) repeat-x top;
	position: fixed;
	z-index: 100;
}

#header {
	width: 1060px;
	margin: 0 auto;
	position: relative;
}

#header h1 {
	padding: 50px 0 13px;
	margin-left: 40px;
}

#header p.hd_contact {
	position: absolute;
	top: 15px;
	right: 40px;
}

#header #nav {
	position: absolute;
	top: 50px;
	left: 268px;
}

#header #nav li {
	float: left;
}

#header #nav a {
	position: relative;
}

#header #nav a img {
	vertical-align: top;
}

#main_wrapper {
	width: 100%;
	position: relative;
	padding: 126px 0 40px;
}

#main {
	width: 1060px;
	position: relative;
	margin: 0 auto;
}


/* Footer */

#footer_wrapper {
	background: #fff url(../images/common/bk_footer400.gif) repeat-x top left;
	width: 100%;
}

#footer {
	width: 1060px;
	height: 189px;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
}

#footer ul {
	overflow: hidden;
}

#footer ul.nav {
	font-size: 12px;
	margin: 0 auto 0px auto;
	line-height: 1px;
	list-style-type: none;
	float: left;
	width: 170px;
}

.nav li {
	width: 170px;
}

#footer li {
	float: left;
	margin-top: 8px;
	line-height: 12px;
}
.bunner {
	width: 800px;
	clear: both;
	position: relative;
	bottom: 89px;
	left: 301px;
}

#footer ul.bunner li {
	margin-right: 15px;
}
/*
#footer ul.bunner li.center {
	margin: 15px 18px;
}
*/
#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer .copy {
	clear: both;
	font-size: 10px;
	color: #fff;
	text-align: center;
	margin: 0px 0;
	position: relative;
	bottom: 68px;
	line-height: 13px;
}

.right {
	margin: 0px 0px 0px 100px ;
}

.right img{
	height: 70px;
	width: auto;
}

.right2 img{
	height: 70px;
	width: auto;
}

/* */

a {
	color: #0174c1;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}




#main table.diff {
	width: 940px;
	margin: 8px auto;
	border-spacing: 0;
	border-top: 1px #d5d5d5 solid;
	border-left: 1px #d5d5d5 solid;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
	behavior: url("css/PIE.htc");
}

#main table.diff th {
	background: #f0f0f0;
	border-bottom: 1px #d5d5d5 solid;
	border-right: 1px #d5d5d5 solid;
	padding: 5px;
	width: 450px;
}

#main table.diff td {
	border-bottom: 1px #d5d5d5 solid;
	border-right: 1px #d5d5d5 solid;
	padding: 15px;
	vertical-align: top;
}

#main table.diff .first_left {
	-webkit-border-radius: 6px 0 0 0;
  -moz-border-radius: 6px 0 0 0;
  -o-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
	behavior: url("css/PIE.htc");
}

#main table.diff .first_right {
	-webkit-border-radius: 0 6px 0 0;
  -moz-border-radius: 0 6px 0 0;
  -o-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
	behavior: url("css/PIE.htc");
}

#main table.diff .last_left {
	-webkit-border-radius: 0 0 0 6px;
  -moz-border-radius: 0 0 0 6px;
  -o-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
	behavior: url("css/PIE.htc");
}

#main table.diff .last_right {
	-webkit-border-radius: 0 0 6px 0;
  -moz-border-radius: 0 0 6px 0;
  -o-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
	behavior: url("css/PIE.htc");
}



#main table.diff p.space {
	margin-bottom: 30px;
}

/* Lightbox */
body.noscroll {
	position: relative;
	overflow-y: hidden;
}

p.close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

#layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 150;
	background: url(../images/common/bg_layer.png);
	display: none;
}

div.feature {
	position: fixed;
	left: 50%;
	top: 50px;
	z-index: 200;
	margin-left: -445px;
	background: #FFF;
	width: 830px;
	height: 585px;
	display: none;
}

div.feature h4 {
	width: 100%;
	margin: 15px 0;
	padding-bottom: 10px;
	border-bottom: 1px #b4b4b4 solid;
	height: 63px;
	vertical-align: bottom;
}

div.feature h4 img {
	margin-left: 25px;
}

div.feature div.support {
	position: relative;
	width: 750px;
	height: 320px;
	padding-right: 30px;
}

div.feature dl {
	margin-left: 30px;
	padding-left: 30px;
	background: url(../images/strong/check.gif) no-repeat top left;
}

div.feature dt {
	margin-bottom: 15px;
}

div.feature dt img {
	margin-right: 10px;
}

div.feature dd {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 18px;
}

div.feature ul.style {
	width: 100%;
	background: url(../images/strong/style.gif) no-repeat 4% 50%;
	margin-top: 15px;
	padding: 15px 0;
	border-top: 1px #b4b4b4 solid;
	overflow: hidden;
	font-size: 11px;
}

div.feature ul.style li {
	width: 345px;
	float: left;
	padding: 0 0 2px;
}

div.feature ul.style li img {
	margin: 0 3px 2px 0;
}

div.feature ul.style li.left {
	margin-left: 95px;
}

div.feature div.other {
	padding: 15px 60px;
	background: #dfdfdf;
	overflow: hidden;
}

div.feature div.other p {
	width: 350px;
	float: left;
	position: relative;
}

div.feature div.other p a {
	display: block;
	position: absolute;
}

div.feature div.other p a.office {
	top: 24px;
	left: 154px;
}

div.feature div.other p a.business {
	top: 24px;
	left: 150px;
}

div.feature div.other p a.distribution {
	top: 24px;
	left: 215px;
}


/* lightbox内 scroll*/
.jspContainer {
	overflow: hidden;
	position: relative;
	border: none;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 100%;
	background: url(../images/strong/bk_bar.gif) repeat-y top;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	position: relative;
}

.jspDrag {
	background: #007ed5;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.fukidashi2012 {
	position: relative;
	top: 0;
	left: -25px;
	zoom: 1;
}

.artist_cau {
	margin: -10px 0 0;
	padding: 0 30px 20px;
	font-size: 11px;
	text-align: right;
	clear: both;
}

#Notfound{
	height:550px;
}

#Notfound img{
	padding:30px 0 10px 0;
}
/*--------------*/
/*news
/*--------------*/

.topic li{
	width: 930px;
	margin: 8px auto;
	display: block;
	background-color: rgb(255, 204, 204);
	padding: 10px;
	font-size: 14px;
}

.topic img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 14px;
}

.topic time{
	border-left: 4px solid rgb(214, 0, 0);
	margin-left: 20px;
	padding-left: 20px;
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
}

.topic span{
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
}

.topic a{
	display: inline-block;
	margin-left: 30px;
	width: 650px;
	vertical-align: top;
	padding-top: 3px;
}

.news li{
	width: 930px;
	margin: 8px auto;
	display: block;
	background-color: rgb(239, 239, 239);
	padding: 10px;
	font-size: 14px;
}

.news img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 14px;
}

.news time{
	border-left: 4px solid rgb(255, 94, 65);
	margin-left: 20px;
	padding-left: 20px;
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
}

.news span{
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
}

.news a{
	display: inline-block;
	margin-left: 30px;
	width: 650px;
	vertical-align: top;
	padding-top: 3px;
}