@charset "UTF-8";


/*各要素全体のリセット - YUI Reset CSS 参照*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
li,ul,ol { 
	margin: 0 ;
	padding: 0;
}
table {
	border-collapse: collapse ;
	border-spacing: 0 ;
}
fieldset,img { 
	border: 0 ;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal ;
	font-weight: normal ;
}
ol,ul,li {
	list-style: none ;
}
caption,th {
	text-align: left ;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100% ;
	font-weight: normal ;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0 ;
}
a:focus{ outline: none ; }

.bordernone{
	border:none !important;
}


/*表示フォントの調整*/

body {
	font-family :'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size:12px;
	line-height:20px;
}
select, input, button, textarea, button {
	font-family :'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}
table {
	font-size: inherit ;
	font: 100% ;
}

h1,h2,h3,h4,h5,h6 {
}

p {
}
li {
}

dl {
}
dt {
}
dd {
}

p,li,dd,td {
}

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

form {
}
select,input,textarea,option {
	vertical-align: middle ;
}

hr {
	clear: both ;
	background: #ffffff ;
	color: #ffffff ;
	border-top: 0px none #ffffff ;
	border-right: 0px none #ffffff ;
	border-left: 0px none #ffffff ;
	border-bottom: 1px solid #999999 ;
}

address {
}

em {
	font-style: normal ;
	font-weight: bold ;
}
strong {
	font-size: 14px ;
	font-style: normal ;
	font-weight: bold ;
}
big {
	font-size: 18px ;
	font-weight: bold ;
}
small {
	font-size: 10px ;
	font-size: 10px ;
}

/*テキスト位置*/

.tl { text-align: left !important ; } /*左*/
.tr { text-align: right !important ; } /*右*/
.tc { text-align: center !important ; } /*中央*/


/*上下寄せ*/

.vt { vertical-align: top ; } /* 上寄せ */
.vt img { vertical-align: top ; }
.vm { vertical-align: middle ; } /* 中央寄せ */
.vm img { vertical-align: middle ; }
.vb { vertical-align: bottom ; } /* 下寄せ */
.vb img { vertical-align: bottom ; }


/*floatとクリア*/

.fl { float: left ; } /*左回り込み*/
.fr { float: right ; } /*右回り込み*/
/*brなどの空要素を入れずにfloatの回り込みを解除する指定(親要素にfcbと指定)*/
.fcb {
	display: inline-block ;
}
.fcb:after {
	content: "." ;
	font-size: 0.1em ;
	line-height: 0 ;
	display: block ;
	height: 0 ;
	visibility: hidden ;
	clear: both ;
}
/* \*/
* html .fcb {
    height: 1% ;
}
.fcb {
    display: block ;
}
/* */

.clear {clear:both;}

/*for clearFix*/
.cf:after { 
   display: block ;
   height: 0 ;
   visibility: hidden ;
   clear: both ;
   content:".";
}
/* 追加 MacIE 5 と WinIE 7 向け */
.cf {
   display: inline-block ;
}
/*MacIE \*/
* html .cf {
	height: 1em ;
}
.cf {
	display: block ;
}

.fs14{
	font-size:14px;
}

.fwb{
	font-weight:bold;
}

.bg_main{
	background:url(images/main_bg.jpg) no-repeat center top #03051b;
}



#overlay{
	top:0px;
	left:0px;
	width:100%;
	background: #000;
	display:none;
	opacity:0.9;	
}
#thumbContainter{
	width:186px;
	padding:0 10px;
}
#thumbScroller{
	position:relative;
	left:-180px;
}
#thumbScroller .container{
	position:relative;
	top:0;
	float:left;
}
#thumbScroller .content{
	clear:both;
	float:left;
}
#thumbScroller .content div{
	padding:2px;
	float:left;
	padding:30px 0 0 8px;
}
#thumbScroller a{
	outline:none;
	cursor:pointer;
}
#thumbScroller .content a{
	outline:none;
	cursor:pointer;
}
img.pg_thumb,
img#pg_large,
.pg_title h1,
.pg_content .pg_description div
{
	position:absolute;
}
.pg_content .pg_description div{
	display:none;
}
img.pg_thumb{
	display:none;
}
img#pg_large{
	z-index:9999;
}
img.pg_thumb,
img#pg_large{
	top:153px;
	left:0;
	padding:10px;
	background:transparent url(../bg.png) repeat top left;
	cursor:pointer;
}
#pg_preview im{
	background:#04061d;
}
.pg_description h2{
	color:#000;
	font-size:22px;
	margin-bottom:10px;
	background:transparent url(../bg2.png) repeat top left;
	padding:5px;
}
.pg_description p{
	font-size:14px;
	width:532px;
	overflow:hidden;
	text-shadow:0px 0px 1px #fff;
	color:#fff;
}
#pg_desc1 div{
	top:405px;
	left:0px;
}
#pg_desc2 div{
	top:405px;
	left:0;
}
span.reference{
	font-family:Arial;
	position:fixed;
	right:10px;
	bottom:10px;
	font-size:10px;
}
span.reference a{
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:20px;
}

.index_left_01{
	float:left;
	width:186px;
	padding:15px 0 0 0;
	background:url(images/index_left_bg.jpg) no-repeat left 15px;
}

.contents{
	width:1100px;
	margin:0 auto;
}

.index_right_01{
	float:right;
	width:752px;
	padding:0 110px 0 0;
	position:relative;
}

.index_right_01 h1{
	color:#ffffff;
}

.color01{
	color:#9da1b6;
	padding:63px 0 0 0;
}

.position_01{
	top:415px;
	left:10px;
	font-size:14px;
	line-height:22px;
	color:#9da1b6;
	position:absolute;
}

.position_02{
	position:absolute;
	left:10px;
	top:490px;
}

.index_left_02{
	float:left;
	width:531px;
}

.index_right_02{
	float:right;
	width:158px;
	padding:0 0 0 50px;
	margin:-50px 0 0 0;
}
#footer_index p{
	text-align:right;
}

#footer_index address{
	text-align:right;
	color:#767ba0;
	font-size:10px;
}

#footer_index a:link{
	color:#868daf;
	text-decoration:none;
}

#footer_index a:visited{
	color:#868daf;
	text-decoration:none;
}

#footer_index a:hover{
	color:#868daf;
	text-decoration:none;
}

#footer_index a{
	padding:0 0 0 32px;
	background:url(images/index_icon_01.jpg) no-repeat 20px 3px;
}

#footer_index{
	position:absolute;
	left:0;
	top:720px;
	width:752px;
	text-align:right;
}

.popup_title{
	padding:25px 0 12px 25px;
	background:url(images/popup_img_02.jpg) repeat-x left bottom;
}

.popup_title h2{
	border-left:solid 4px #04071c;
	padding:0 0 0 14px;
	margin:0 0 30px 0;
	font-size:14px;
	color:#01041b;
}

.popup{
	margin:0 0 50px 0;
	line-height:20px;
}

.popup p{
	width:415px;
	padding:30px 0 0 45px;
}

.link_01:link{
	color:#ffffff;
	text-decoration:none;
}

.link_01:visited{
	color:#ffffff;
	text-decoration:none;
}

.link_01:hover{
	color:#ffffff;
	text-decoration:underline;
}


/*各上下左右マージン指定*/

.mt0 { margin-top: 0px !important ; }
.mt5 { margin-top: 5px !important ; }
.mt10 { margin-top: 10px !important ; }
.mt15 { margin-top: 15px !important ; }
.mt20 { margin-top: 20px !important ; }
.mt25 { margin-top: 25px !important ; }
.mt30 { margin-top: 30px !important ; }
.mt35 { margin-top: 35px !important ; }
.mt40 { margin-top: 40px !important ; }
.mt45 { margin-top: 45px !important ; }
.mt50 { margin-top: 50px !important ; }
.mb0 { margin-bottom: 0px !important ; }
.mb5 { margin-bottom: 5px !important ; }
.mb10 { margin-bottom: 10px !important ; }
.mb15 { margin-bottom: 15px !important ; }
.mb20 { margin-bottom: 20px !important ; }
.mb25 { margin-bottom: 25px !important ; }
.mb30 { margin-bottom: 30px !important ; }
.mb35 { margin-bottom: 35px !important ; }
.mb40 { margin-bottom: 40px !important ; }
.mb45 { margin-bottom: 45px !important ; }
.mb50 { margin-bottom: 50px !important ; }
.ml0 { margin-left: 0px !important ; }
.ml5 { margin-left: 5px !important ; }
.ml10 { margin-left: 10px !important ; }
.ml15 { margin-left: 15px !important ; }
.ml20 { margin-left: 20px !important ; }
.ml25 { margin-left: 25px !important ; }
.ml30 { margin-left: 30px !important ; }
.ml35 { margin-left: 35px !important ; }
.ml40 { margin-left: 40px !important ; }
.ml45 { margin-left: 45px !important ; }
.ml50 { margin-left: 50px !important ; }
.mr0 { margin-right: 0px !important ; }
.mr5 { margin-right: 5px !important ; }
.mr10 { margin-right: 10px !important ; }
.mr12 { margin-right: 12px !important ; }
.mr15 { margin-right: 15px !important ; }
.mr20 { margin-right: 20px !important ; }
.mr25 { margin-right: 25px !important ; }
.mr30 { margin-right: 30px !important ; }
.mr35 { margin-right: 35px !important ; }
.mr40 { margin-right: 40px !important ; }
.mr45 { margin-right: 45px !important ; }
.mr50 { margin-right: 50px !important ; }

.pt0 { margin-top: 0px !important ; }
.pt5 { margin-top: 5px !important ; }
.pt10 { margin-top: 10px !important ; }
.pt15 { margin-top: 15px !important ; }
.pt20 { margin-top: 20px !important ; }
.pt25 { margin-top: 25px !important ; }
.pt30 { margin-top: 30px !important ; }
.pt35 { margin-top: 35px !important ; }
.pt40 { margin-top: 40px !important ; }
.pt45 { margin-top: 45px !important ; }
.pt50 { margin-top: 50px !important ; }
.pb0 { margin-bottom: 0px !important ; }
.pb5 { margin-bottom: 5px !important ; }
.pb10 { margin-bottom: 10px !important ; }
.pb15 { margin-bottom: 15px !important ; }
.pb20 { margin-bottom: 20px !important ; }
.pb25 { margin-bottom: 25px !important ; }
.pb30 { margin-bottom: 30px !important ; }
.pb35 { margin-bottom: 35px !important ; }
.pb40 { margin-bottom: 40px !important ; }
.pb45 { margin-bottom: 45px !important ; }
.pb50 { margin-bottom: 50px !important ; }
.pl0 { margin-left: 0px !important ; }
.pl5 { margin-left: 5px !important ; }
.pl10 { margin-left: 10px !important ; }
.pl15 { margin-left: 15px !important ; }
.pl20 { margin-left: 20px !important ; }
.pl25 { margin-left: 25px !important ; }
.pl30 { margin-left: 30px !important ; }
.pl35 { margin-left: 35px !important ; }
.pl40 { margin-left: 40px !important ; }
.pl45 { margin-left: 45px !important ; }
.pl50 { margin-left: 50px !important ; }
.pr0 { margin-right: 0px !important ; }
.pr5 { margin-right: 5px !important ; }
.pr10 { margin-right: 10px !important ; }
.pr12 { margin-right: 12px !important ; }
.pr15 { margin-right: 15px !important ; }
.pr20 { margin-right: 20px !important ; }
.pr25 { margin-right: 25px !important ; }
.pr30 { margin-right: 30px !important ; }
.pr35 { margin-right: 35px !important ; }
.pr40 { margin-right: 40px !important ; }
.pr45 { margin-right: 45px !important ; }
.pr50 { margin-right: 50px !important ; }