@charset "utf-8";
body  {
	font: 100% "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color:#000;
	line-height:110%;
}
h1,h2,h3,h4{ margin:0; }

a:visited{
	color:#000;
}
a:hover{
	color:#F15A24;
}
a.textlink{
	border:1px solid #000;
	color:#fff;
	font-size:small;
	padding:5px 20px;
	text-decoration:none;
}
a.textlink:visited{
	color:#000;
}
a.textlink:hover{
	color:#F15A24;
}
img{
	border:none;
}
.container {
	width: 950px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

.header {
	height:57px;
	background-image:url(../image/top_logo.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding: 10px 0 0px 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	
} 
.header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 20px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

.headmenu{
	background:#000;
	padding:10px;
	text-align:center;
	font-size:smaller;
}
.headmenu a{ color:#fff; }
.headmenu a:hover{ color:#F15A24; }
.headmenu a:visited{ color:#fff; } 

.sitePath{
	text-align:right;
	margin-top:5px;
	font-size:10px;
	margin-bottom:5px;
}
.sitePath a{ color:#000; }
.sitePath a:hover{ color:#F15A24; }
.sitePath a:visited{ color:#000; }

.topContent {
	background-image:url(../image/top_img.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin: 0 0;
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
.topscript {
	padding-top:75px;
	padding-bottom:35px;
	padding-left:670px;
}

.mainContent {
	font-size:small;
	margin: 0 30px;
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
.mainContent h1{
	color:#FFF;
	background-color: #0071BC;
	font-size:120%;
	font-weight:bold;
	padding:5px 0 5px 1em;
	margin-bottom:10px;
}

.top_back{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding-top:398px;
}
.main_movie{
	width:280px;
	height:157px;
	margin-left:87px;
	margin-top:0px;
}
.main_guest{
	width:86px;
	height:74px;
	margin-left:833px;
	padding-top:43px;
	padding-bottom:65px;
}
.top_back2{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding-top:68px;
}
.main_movie2{
	width:280px;
	height:157px;
	margin-left:635px;
	margin-top:0px;
	padding-bottom:372px;
}
.top_back3{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding-top:398px;
}
.main_movie3{
	width:280px;
	height:157px;
	margin-left:512px;
	margin-top:0px;
	padding-bottom:44px;
}
.top_back4{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding-top:88px;
}
.main_movie4{
	width:380px;
	height:100px;
	margin-left:517px;
	padding-bottom:410px;
}
.main_guest2{
	width:86px;
	height:74px;
	margin-left:833px;
	padding-bottom:68px;
}

.about_table {
	width:890px;
	height:328px;
	background-image:url(/SILKYPIX/japanese/special/nondara/image/about_back.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	vertical-align:top;
	margin-bottom:30px;
}
.a_tablestyle{
	width:770px;
	margin-top:29px;
	margin-left:60px;
	margin-bottom:36px;
	padding-top:30px;
}
.about_table_title {
	vertical-align: top;
	text-align:left;
	padding-right:20px;
}
.about_table_img {
	vertical-align: top;
	text-align:right;
}
.about_table_txt {
	font-size:12px;
	line-height: 150%;
	vertical-align: top;
	padding: 5px 20px 0 0;
	margin-bottom: 20px;
}

.offshot_table {
	width:890px;
	height:246px;
	background:url(/SILKYPIX/japanese/special/nondara/05/offshot_back01.jpg) no-repeat left top;
	vertical-align:top;
	margin-bottom:30px;
}
.o_tablestyle{
	width:890px;
}
.o_tablestyle .txt{
	width:420px;
	padding-top:24px;
	padding-bottom:20px;
	padding-left:50px;
}
.o_tablestyle .movie{
	width:290px;
	padding:24px;
	padding-bottom:20px;
	padding-right:45px;
}
.contents_table {
	width:890px;
	vertical-align:top;
	margin-bottom:30px;
}
.contents_tablestyle{
	width:770px;
	vertical-align:top;
	margin-left:60px;
}
.contents_tablestyle2{
	width:770px;
	vertical-align:top;
	margin-left:60px;
}
.contents_tablestyle2 td {
	font-size:12px;
	vertical-align:top;
	padding-top:10px;
}

.downroad_box{
	border:1px solid #000;
	padding:20px 0;
	text-align:center;
}
.box_title{
	background-color:#000;
	line-height:150%;
	font-size:smaller;
	text-align:center;
	color:#fff;
}

.special {
	width:890px;
	height:220px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:20px;
	background-image:url(/SILKYPIX/japanese/special/nondara/01/special_back.jpg);
	background-repeat:no-repeat;
	background-position:left;
}
.special_photo {
	width:780px;
	height:220px;
	padding-top:26px;
	padding-right:55px;
	padding-left:55px;
	padding-bottom:0;
}
.special_photo td {
	padding:3px 0 14px 7px;
}
.offshotphoto {
	width:890px;
	height:312px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:20px;
	background:url(/SILKYPIX/japanese/special/nondara/05/offshot_back02.jpg) no-repeat left top;
}
.offshotphoto_photo {
	width:780px;
	height:312px;
	padding-top:26px;
	padding-right:55px;
	padding-left:55px;
	padding-bottom:0;
}
.offshotphoto_photo td {
	padding:3px 0 14px 7px;
}
.contents_right {
	width:890px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:20px;
}
.right_info {
	font-size:10px;
	width:218px;
	height:76px;
	line-height:140%;
	margin-left:645px;
	padding-top:472px;
	padding-bottom:44px;
}
.right_photo {
	width:374px;
	height:76px;
	margin-left:487px;
	padding-bottom:44px;
}

.contents_left {
	width:890px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:20px;
}
.left_info {
	font-size:10px;
	width:230px;
	height:76px;
	line-height:140%;
	margin-left:174px;
	padding-top:472px;
	padding-bottom:43px;
}
.left_photo {
	width:374px;
	height:76px;
	margin-left:27px;
	padding-bottom:44px;
}

.position {
	vertical-align:top;
	padding-right: 16px;
}
.no_photo {
	width:114px;
}
.map_area{
	padding:30px 60px;
	margin-bottom:20px;
}

.one_point{
	width:890px;
	background-image:url(../image/onepoint_back.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:80px 50px 40px 50px;
	margin-bottom:30px;
}
.op{
	margin-top:auto;
	margin-bottom:auto;
	padding:0;
	width:800px;
	height:122px;
}
.op td{
	font-size:80%;
	vertical-align:top;
	line-height:160%;
}
.op td.text{
	width:582px;
}
.op td.btn{
	text-align:right;
	vertical-align:bottom;
}
.movie{
	width:218px;
	height:122px;
	padding-left:20px;
	vertical-align:top;
}

#footer { 
	padding:0; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#000;
	color:#fff;
	font-size:11px;
} 
#footer p {
	margin:0px; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	text-align:center;
}

#footer a{ color:#fff; }
#footer a:hover{ color:#F15A24; }
#footer a:visited{ color:#fff; }

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left:5px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right:5px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.txt_box {
	font-size:12px;
	line-height: 140%;
	vertical-align: top;
	padding: 5px;
	margin-bottom: 20px;
}
