@charset "utf-8";

/*初期化スタイル*/

* {
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size:12px;
	line-height:1.4;
	color:#000;
	margin:0;
	padding:0;
	border:0;
}

html {
	height:100%;
	overflow:hidden;
}

body {
	margin:0px;
	padding:0px;
	background:#fff url(../img/bg_body01.gif) no-repeat center center;
	/*background:#f3f3f3 url(../img/bg_body01.png) no-repeat center center;*/
	position:relative;
	height:100%;
	overflow:hidden;
}

#imageDetails #caption, #imageDetails #numberDisplay{color:#333333;}

img {
	border:none;
	margin:0;
	padding:0;
}

p {
	line-height:1.4;
	margin-bottom:10px;
	color: #000000;
}

li {
	list-style-type:none;
}

a:focus {
	outline:none;
}

.clearfix:after{
	content : ".";
	height : 0px;
	clear : both;
	visibility : hidden;
	display : block;
}
.clearfix{
	zoom:1;
}

#noscript {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-160px;
	margin-top:-120px;
}

#noscript .center {
	margin:0 auto;
	background:#fff;
	border:solid 2px #000;
	width:320px;
	height:240px;
}

#noscript .center p {
	padding:190px 10px 10px 10px;
	background:url(/img/bg-noscript_001.gif) no-repeat center 35px;
	text-align:center;
}

/*レイアウト*/

#container {
	position:relative;
	min-height:100%;
}

* html #container {
	height:100%;
}

#main {
	padding:10px 10px 50px;
}

p#download{
	background:url(../img/btn-download_002.gif) no-repeat 0 0;
	width:127px;
	height:7px;
	position:absolute;
	top:10px;
	right:10px;
}
p#download a{
	display:block;
	width:127px;
	height:7px;
}
p#download a:hover{background:url(../img/btn-download_001.gif) no-repeat 0 -7px;}
p#download span{display:none;}

/*リスト*/

ul#icon li{
	position: absolute;
}

ul#icon li a {
	width:90px;
	padding-top:75px;
	text-align:center;
	display:block;
	text-decoration:none;
	list-style:none;
}

ul#icon li a:hover {
	text-decoration:underline;
}

.ico_monoblog a {
	background:url(/img/ico-monoblog_001.png) no-repeat center 0;
}

.ico_monoblog a:hover {
	background:url(/img/ico-monoblog_002.png) no-repeat center 0;
}

.ico_kirbyproduce a {
	background:url(/img/ico-kirbyproduce_001.png) no-repeat center 0;
}

.ico_kirbyproduce a:hover {
	background:url(/img/ico-kirbyproduce_002.png) no-repeat center 0;
}

.ico_camera a {
	background:url(/img/ico-camera_001.png) no-repeat center 0;
}

.ico_camera a:hover {
	background:url(/img/ico-camera_002.png) no-repeat center 0;
}

.ico_eternal a {
	background:url(/img/ico-eternal_001.png) no-repeat center 0;
}

.ico_eternal a:hover {
	background:url(/img/ico-eternal_002.png) no-repeat center 0;
}

.ico_fsfield a {
	background:url(/img/ico-fsfield_001.png) no-repeat center 0;
}

.ico_fsfield a:hover {
	background:url(/img/ico-fsfield_002.png) no-repeat center 0;
}

.ico_twitter a {
	background:url(/img/ico-twitter_001.png) no-repeat center 0;
}

.ico_twitter a:hover {
	background:url(/img/ico-twitter_002.png) no-repeat center 0;
}

/*メッセンジャー*/
#messenger{
	display:none;
	position:absolute;
	right:30px;
	bottom:-117px;
	width:240px;
	height:116px;
}

p#ms_ttl{
	font-weight:bold;
	padding:5px 8px;
	margin:0;
	position:relative;
}

a.closebtn{
	display:inline-block;
	width:14px;
	height:14px;
	position:absolute;
	top:8px;
	right:5px;
}

a.closebtn span{display:none;}

div.ms_article{
	padding:10px;
	min-height:69px;
}

/*フッター*/
#footer {
	height:50px;
	position:absolute;
	bottom:0;
	width:100%;
}

#footer h1 {
	float:left;
	position:absolute;
	bottom:3px;
	left:13px;
}

#footer h1 a {
	width:40px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

#footer .right {
	float:right;
	width:715px;
	position:relative;
}

#footer .right .info {
	width:484px;
	height:40px;
	position:absolute;
	top:7px;
	left:0px;
}

#footer .right .info p {
	float:left;
	height:20px;
	font-weight:bold;
	margin:12px 0 0 64px;
	color:#333333;
}

* html #footer .right .info p {
	margin:12px 0 0 32px;
}

#footer .right .list {
	position:absolute;
	top:7px;
	right:13px;
}

#footer .right .list li {
	float:left;
}

#footer .right .list .mail a {
	width:64px;
	height:26px;
	display:block;
	text-indent:-9999px;
	margin-right:6px;
}

#footer .right .list .color a {
	width:64px;
	height:26px;
	display:block;
	text-indent:-9999px;
	margin-right:6px;
}

#footer .right .list .time {
	width:64px;
	height:21px;
	padding:6px 0 0 0;
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:10.5px;
	text-align:center;
}

* html #footer .right .list .time {
	padding:5px 12px 5px 12px;
}

#footer .right address {
	position:absolute;
	top:39px;
	right:15px;
	width:166px;
	height:7px;
	text-indent:-9999px;
	font-size:0px;
}

#footer .right address span{display:none;}

/*フッター 黒*/

.black {background:#f5f5f5 url(/img/bg-footer_001.gif) repeat-x;}

.black h1 a {background:url(/img/btn-logo_001.gif) no-repeat 0 0;}

.black h1 a:hover {background:url(/img/btn-logo_001.gif) no-repeat 0 -40px;}

.black .right .info {background:url(/img/bg-info_001.gif) no-repeat;}

.black .right .list .mail a {background:url(/img/btn-mailBlack_001.gif) no-repeat 0 0;}

.black .right .list .mail a:hover {background:url(/img/btn-mailBlack_001.gif) no-repeat 0 -26px;}

.black .right .list .color a {background:url(/img/btn-colorBlack_001.gif) no-repeat 0 0;}

.black .right .list .color a:hover {background:url(/img/btn-colorBlack_001.gif) no-repeat 0 -26px;}

.black .right .list .time {background:url(/img/bg-time_001.gif) no-repeat;}

.black .right address {background:url(/img/img-adress_001.gif) no-repeat;}

.black #ms_bdr{
	border-left:1px solid #1e1e1e;
	border-right:1px solid #1e1e1e;
	background:#f5f5f5;
}

.black #ms_ttl{
	background:#333 url(/img/bg-footer_001.gif) repeat-x 0 0;
	color:#FFF;
}

.black a.closebtn{
	background:url(/img/ico-close_001.gif) no-repeat 0 0;
}


/*フッター 白*/

.white {background:#cccedd url(/img/bg-footer_002.gif) repeat-x;}

.white h1 a {background:url(/img/btn-logo_002.gif) no-repeat 0 0;}

.white h1 a:hover {background:url(/img/btn-logo_002.gif) no-repeat 0 -40px;}

.white .right .info {background:url(/img/bg-info_002.gif) no-repeat;}

.white .right .list .mail a {background:url(/img/btn-mailWhite_001.gif) no-repeat 0 0;}

.white .right .list .mail a:hover {background:url(/img/btn-mailWhite_001.gif) no-repeat 0 -26px;}

.white .right .list .color a {background:url(/img/btn-colorWhite_001.gif) no-repeat 0 0;}

.white .right .list .color a:hover {background:url(/img/btn-colorWhite_001.gif) no-repeat 0 -26px;}

.white .right .list .time {background:url(/img/bg-time_002.gif) no-repeat;}

.white .right address {background:url(/img/img-adress_002.gif) no-repeat;}

.white #ms_bdr{
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	background:#cccedd;
}

.white #ms_ttl{
	background:#fff url(/img/bg-footer_002.gif) repeat-x 0 0;
	color:#333;
}

.white a.closebtn{
	background:url(/img/ico-close_002.gif) no-repeat 0 0;
}