﻿/* 鉄ネット */
@charset "utf-8";

/* memo
#～～{};はid
.～～{};はclass
margin : 上px 右px 下px 左px;
*/

BODY {
	background: #FFFFFF;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

form {
	margin : 0px 0px 0px 0px;
}

/* フォント */

body, TD {
	color:#000000;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 10pt;
	line-height: 130%;
}

strong{
	font-weight: bold;
	color:#cc0000;
}

img{ border: none; }

A:link   { color : #0033FF; text-decoration:none;}
A:visited{ color : #0033FF; text-decoration:none;}
A:hover  { color : #0066FF; text-decoration:underline;}

h1{
	font-family : "ＭＳ Ｐゴシック","Trebuchet MS"; 
	font-size: 14px;
	font-weight: bold;
	color : #333333;

	border-color : #3366FF;
	border-left: 8px solid #3366FF;
	margin: 0px 0px 6px 0px;
	padding: 3px 0px 2px 10px;
}

h2{
	font-family : "ＭＳ Ｐゴシック","Trebuchet MS"; 
	font-size: 14px;
	font-weight: bold;
	color : #333333;

	border-color : #ff6600;
	border-left: 8px solid #ff6600;
	margin: 0px 0px 6px 0px;
	padding: 3px 0px 2px 10px;
}

h2{
	font-family : "ＭＳ Ｐゴシック","Trebuchet MS"; 
	font-size: 14px;
	font-weight: bold;
	color : #333333;

	border-color : #ff6600;
	border-left: 8px solid #ff6600;
	margin: 0px 0px 6px 0px;
	padding: 3px 0px 2px 10px;
}

h3{
	border-bottom:3px solid #cccccc;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
}

h9{
	font-family : "Trebuchet MS"; 
	font-size: 20pt;
	font-weight: bold;
	color : #FFFFFF;
	background-color: #FFCC00;
	border-left: 10px solid #FF6600;
	border-top: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	border-right: 10px solid #FF6600;
	margin: 0px 0px 0px 0px;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
}


/* ---------------------------------------
###　全体レイアウト
--------------------------------------- */

.clear{clear:both;}

#header, #footer{
	width:100%;
	margin:0;
	padding:0;
}

#contents {
	background : #f9f9f9;
	padding:5px 0px 0px 0px;
}

#header {
	/*min-width:0px;*/
	/*padding : 10px 0px 0px 0px;*/
}

/* ---------------------------------------
###　タイトル
--------------------------------------- */
#title {
	float:left;
	padding:5px 0px 0px 30px;
}

/* ---------------------------------------
###　検索バー
--------------------------------------- */

#searchbar {
	float:right;
	width:350px;
	/*height:45px;*/
	background: #f8f8f8;
	border:1px solid #cccccc;
	text-align: center;
	margin:5px 30px 0px 0px;
	padding:10px 0px 10px 0px;
}

#colorbar {
	width:100%;
	height:25px;
	background : url(./img/img2.gif);
	margin:5px 0px 0px 0px;

}

/* ---------------------------------------
###　左メニュー
--------------------------------------- */

#l_menu {
	width:190px;
	text-align: left;
	background-color:#FFFFFF;
	border:3px solid #cccccc;
	margin:3px 0px 15px 0px;
	padding:10px 10px 10px 10px;
}

#l_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 8px 0px 2px 0px;
}

#l_menu li {
	margin : 0px 0px 5px 10px;
	padding: 0px 0px 0px 18px;
	list-style-type: none;
	background : url(./img/icon_mark02.gif) no-repeat left center;
}

#l_menu p {
	font-family : "Georgia"; 
/*	font-family : "Trebuchet MS"; */
	font-size: 25px;
	font-weight: bold;
	margin : 5px 0px 3px 0px;
}

#l_menu span {
	font-family : "Trebuchet MS"; 
	font-size: 10px;
	color : #cccccc;
}

/* ---------------------------------------
###　中央部
--------------------------------------- */

#ad1 {
	text-align: center;
	margin : 10px 0px 10px 0px;
}

/* ---------------------------------------
###　写真館パーツ
--------------------------------------- */

#photo_bar {
	/*width:100%;*/
	height:15px;
	background : url(./img/film3.gif);
	margin:0px;
}

#photo_s {
	/*width:100%;*/
	height:120px;
	background : #222222;
	padding:0px;
}

#photo_s_img {
	float:left;
	width:350px;
	height:120px;
}

#photo_s_com {
	margin-left:350px;
	padding:5px 5px 5px 10px;
	color : #FFFFFF;
}

#photo_s A:link   { color : #6699FF; }
#photo_s A:visited{ color : #6699FF; }
#photo_s A:hover  { color : #99ccFF; }

/* ---------------------------------------
###　Notice
--------------------------------------- */

#notice {
	margin : 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#notice ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#notice li {
	margin : 0px 0px 8px 15px;
	padding: 0px 0px 0px 18px;
	list-style-type: none;
	background : url(./img/icon_mark02.gif) no-repeat left center;
}

/* ---------------------------------------
###　カテゴリ表示
--------------------------------------- */

#category {
	margin : 15px 0px 10px 0px;
}

#category .tb{
	background : #f0f0f0;
	/*padding : 5px 5px 5px 5px;*/
}

#category .tb img{
	margin : 0px 8px 0px 0px;
}

#category td{
	background : #FFFFFF;
	padding : 5px 5px 5px 5px;
}

#category table{
	border: 1px solid #cccccc;
}

#category h4{
	font-family : "ＭＳ Ｐゴシック","Trebuchet MS"; 
	font-size: 14px;
	font-weight: bold;
	margin : 2px 0px 0px 2px;
}

#category span,#topics span,#pickup span,#notice span {
	float : right;
	font-family : "Trebuchet MS"; 
	font-size: 12px;
	color : #333333;
	margin : -20px 5px 0px 0px;
}

/* ---------------------------------------
###　トピックス表示・ピックアップ
--------------------------------------- */

#topics {
	margin : 15px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#topics ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#topics li {
	margin : 0px 0px 6px 15px;
	padding: 2px 0px 0px 18px;
	list-style-type: none;
	background : url(./img/icon_p1.gif) no-repeat left center;
}

#topics .topics0 { background : url(./img/icon_p1.gif) no-repeat left center; }
#topics .topics1 { background : url(./img/icon_p1.gif) no-repeat left center; }
#topics .topics2 { background : url(./img/icon_p2.gif) no-repeat left center; }
#topics .topics3 { background : url(./img/icon_p3.gif) no-repeat left center; }

#pickup {
	margin : 15px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#pickup table {
	border: 1px solid #6699ff;
}

#pickup td {
	font-family: verdana, helvetica, "ＭＳ Ｐゴシック";
}



/* ---------------------------------------
###　右メニュー
--------------------------------------- */

#right_ad {
	float : right;
	width : 120px;
	height : 1200px;
	background-color : #cccccc;
	padding : 0px 0px 0px 0px;
	margin : 0px -25px 0px 0px;
}

/* ---------------------------------------
###　フッター
--------------------------------------- */

#umenu {
	height : 40px;
	background : #333333;
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	text-align: center;
}

#umenu A:link   { color : #6699FF; }
#umenu A:visited{ color : #6699FF; }
#umenu A:hover  { color : #99ccFF; }

#copyright {
	margin : 0px 0px 0px 0px;
	font-size: 12px;
	color : #FFFFFF;
	font-family : "Trebuchet MS";
}

/* ---------------------------------------
###　サブコンテンツ用
--------------------------------------- */

#sub_title {
	float:left;
/*	width:400px;*/
/*	height:70px;*/
	background: #FFFFFF /*url(img/title.jpg) repeat fixed*/;
	border-top   :10px solid #cccccc;
	border-bottom:10px solid #cccccc;
/*	border-left  :5px solid #cccccc;*/
	border-right :10px solid #cccccc;
	padding:0px 0px 0px 10px;
/*	text-align: center;*/
}

#sub_rcom {
	background: #FFFFFF;
/*	height:70px;*/
	border-top:5px solid #cccccc;
	border-bottom:5px solid #cccccc;
	border-left:5px solid #cccccc;
	margin:0px 0px 10px 410px;
	padding:5px 5px 5px 5px;
}

#sub_searchbar {
	width:100%;
	text-align: center;
	background: #f4f4f4 url(./img/menu.gif) repeat;
	border:3px solid #6699FF;
	margin:5px 0px 10px 0px;
	padding:13px 0px 13px 0px;
}

/* ---------------------------------------
###　サブコンテンツ見出し
--------------------------------------- */

.note1 {
	padding: 5px 0px 2px 25px;
	background:url(img/icon_note1.gif) no-repeat left top;
	border-left: 0px;
	border-bottom:3px solid #6699FF;
}

.note2 {
	padding: 5px 0px 2px 30px;
	background:url(img/icon_note2.gif) no-repeat left top;
	border-left: 0px;
	border-bottom:3px solid #6699FF;
}

#con {
	border:1px solid #ffffff;
	background:#FFFFFF;
	color:#000000;
	padding:5px 0px 5px 0px;
}


#con dl{
	margin:0;
	padding:0;
}

#con dt{
	margin:10px 0px 15px 5px;
	padding: 0px 0px 0px 10px;
	border-left:#cccccc solid 3px;
}

/* ---------------------------------------
###　faqlist
--------------------------------------- */

#faqlist {
	width : 100%;
	background : #f4f4f4;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding : 20px 0px 20px 0px;
	margin: 10px 10px 15px 10px;
}

#faqlist ul {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 20px;
}

#faqlist li {
	margin : 5px 0px 10px 0px;
	padding: 2px 0px 0px 20px;
	font-size : 100%;
	background : url(./img/icon_mark04.gif) no-repeat left center;
	list-style-type: none;
}

#faq_q {
	width : 100%;
	background : #cccccc;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin : 20px 10px 0px 10px;
	padding : 5px 0px 5px 10px;
}

#faq_a {
	line-height: 120%;
	width : 100%;
	background : #f4f4f4;
	margin : 0px 10px 5px 10px;
	padding : 5px 10px 10px 15px;
}

#faq_a span {
	font-size: 12px;
	color : #666666;
	margin : 0px 0px 10px 20px;
}

#faq_q img,#faqlist img,#faq_a img {
	border : 0px;
	width: 14px;
	height: 14px;
}

/* ---------------------------------------
###　news
--------------------------------------- */

#news {
	background : #FFFFFF;
	margin : 5px 0px 0px 5px;
}

#news h3{
	border-color : #ff9900;
}

#news table{
	width:80%;
	border: 3px dashed #ffdd55;
}

