@import url("content.css");



/* ボディ
----------------------------------------*/
body {
	width: 760px;        /* 全体の幅 */
	margin : 0px auto;   /* 全体のマージンを上下:0px　左右：自動 */
	padding : 0px;       /* 全体のパディングを上下左右：0px */
	font-size: 12px;     /* 全体の文字サイズを12px */
	line-height: 16px;   /* 文字の上下間隔を16pxで調整 */
	color:#0c3201;
}


/* H1（大見出し）
----------------------------------------*/
h1 {
	color:#405D01;                 
	font-size: 12px;       /* H1見出し文字設定 */
	font-weight: normal;           
}


/* H2（中見出し）
----------------------------------------*/
h2 {
	background-image:url(../img/content/title_10_30.gif); /* H2タイトルバー */
	width:550px;
	height:30px;
	background-repeat:no-repeat;
	color:#0A3478;                 
	font-size: 16px;       /* H2見出し文字設定 */
	font-weight: bold;
	line-height: 16px;   /* 文字の上下間隔を16pxで調整 */
	padding:7px 0 0 14px;
	
}



/* リンク
----------------------------------------*/
a {
	color: #051BF4;        /* リンク部分の色設定 */
}


/* イメージ
----------------------------------------*/
img	{
	border-style:none;   /* リンク画像のボーダー消し */
}



/* クリア
----------------------------------------*/
.clear{
	clear:both;
	padding:0;
	margin:0;
}


/* テーブル枠線の太さ指定
----------------------------------------*/
.t_border {
	border:1px solid;   /* 1pxの枠線指定 */
	border-collapse:collapse; /* 枠線を重ねて表示する */
}


.t_border TD {
	border:1px solid;   /* 1pxの枠線指定 */
	border-collapse:collapse; /* 枠線を重ねて表示する */
}


/* コンテナ
----------------------------------------*/
#container	{
	width: 760px;              /* ホームページ全体横幅 */
	margin-left: auto;         /* margin-leftとmargin-right:autoによって自動中央揃え */ 
	margin-right: auto;
}


/* ヘッダー 
----------------------------------------*/
#header	{
	background-image:url(../img/header/tabi_bg_760_35.gif); /* 旅ノートロゴ */
	width: 760px;
	height: 35px;
	background-repeat:no-repeat;
}


/*
#header h1	{
	font-size:12px;
	line-height:12px;
	text-align:right;            /* 右揃え */  
/*	padding: 20px 5px 0px 0px;  /* 背景画像に対して、テキスト配置位置を指定する */
/*	margin: 0px; 
}
*/


#header h1	{
	font-size:10px;
	text-align:right;           /* 右揃え */  
	padding: 0px 10px 0px 0px;  /* 背景画像に対して、テキスト配置位置を指定する */
	margin: 0px; 
}

#header .info	{
	font-size: 10px;            /* H1見出し文字設定 */
	color:#405D01;                 
	font-weight: normal;           
	text-align:right;           /* 右揃え */  
	padding: 0px 10px 0px 0px;  /* 背景画像に対して、テキスト配置位置を指定する */
	margin: 0px; 
}








/* ヘッダーメニュー */
ul#header_menu	{
	font-size: 14px;            /* 文字サイズ */
	margin: 0px;                /* 上下左右余白 */
	padding: 0px;               /* セル内の余白 */
	height: 30px;               /* 高さ */
	
}

ul#header_menu li	{	
	float: left;
	list-style-type: none;

}

ul#header_menu li a	{
	background-image:url(../img/header/btn_orange_152_30.gif);  /* オレンジボタン */
	background-repeat:no-repeat;
	display: block;
	width:152px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;         
	color:#ffffff;               /* 文字色(白) */
}



ul#header_menu li a:hover	{
	color:#F81A03;               /* 文字色(白) */ 
	text-decoration:none;        /* リンク文字の下線を消す */


	/* マウスオーバー時の画像透過度設定 */
	filter:alpha(opacity=50);        /* IEの画像透過度60%を設定 */
	-moz-opacity: 0.5;               /* Firefoxの画像透過度60% */
	opacity: 0.5;                    /* safariの画像透過度60% */
}




/* コンテンツ 
----------------------------------------*/
#content {
	width: 564px;           /* コンテンツ幅 注）floatの前に幅指定をするとレイアウトが崩れる */
	float:right;            /* 右側配置 */
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 25px;
}

#content p {
	padding-right: 5px;
}




/* サイドメニュー 
----------------------------------------*/

#sidemenu {
  float: left;           /* 左側配置 */
  width: 166px;          /* ページ横幅 */
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 25px; 
}

#sidemenu .item_btn {
	margin-bottom: 2px;
}

#sidemenu .item_ttl {
	background-image: url(../img/sidemenu/side_menu_165_23.gif);
	background-repeat: no-repeat;
	display: block;
	line-height: 25px;                 /*  テキスト文字の高さ */
	text-decoration: none;
	text-indent: 25px;
	font-weight:bold;
	color:#ffffff;                     /* 文字色(白) */ 
	width: 166px;                      /* 横幅 */
	margin-bottom: 5px;
}


#sidemenu .item a{
	background-image: url(../img/sidemenu/yajirushi_8_8.gif);
	background-repeat:no-repeat;
	background-position:left;
	display: block;
	line-height: 14px;                 /*  テキスト文字の高さ */
	text-decoration: none;
	text-indent: 12px;
	font-weight: normal;	
	color:#051BF4;                     /* 文字色(青) */ 
	width: 154px;                      /* 横幅 */
	margin-bottom: 5px;
	padding-left: 2px;
	margin-left: 10px;
}


#sidemenu .item a:hover {
	color:#FF0000;                     /* 文字色(赤) */ 
	text-decoration:none;              /* リンク文字の下線を消す */
}



/* フッダー 
----------------------------------------*/
#footer	{
	clear: both;
	width: 760px;
	text-align: center;
	color: #000000;
	font-size:12px;
	line-height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 0px;
}


/* サイト管理者情報 
----------------------------------------*/
address	{
	font-size: 12px;
	font-style: normal;
	text-align: center;
	margin-top:10px;
}



/* 配置 
----------------------------------------*/
.float_left {
	float:left;
}

.float_right {
	float:right;
}


/* 文字サイズ
----------------------------------------*/

.font_12 {
	font-size:12px;
}

.font_13 {
	font-size:13px;
}

.font_14 {
	font-size:14px;
}




/* カラーバリエーション 
----------------------------------------*/
.red {
	color		: #E40505;
}

.orange {
	color		: #FFCC00;
}

.yellow {
	color		: #F5F803;
}

.green {
	color		: #176A02;
}

.blue {
	color		: #0202BE;
}

.black {
	color		: #000000;
}

.white {
	color		: #FFFFFF;
}


.red_bold {
	font-weight:bold;
	color: #E40505;
}

.blue_bold{
	font-weight:bold;
	color:#0202BE;
}




/* 余白設定(マージン) 5px
----------------------------------------*/

.margin_all_5{
	margin:5px;
}

.margin_tb5{
	margin:5px 0;
}

.margin_lr5{
	margin:0 5px;
}

.margin_t5{
	margin:5px 0 0 0;
}
.margin_b5{
	margin:0 0 5px 0;
}
.margin_l5{
	margin:0 0 0 5px;
}
.margin_r5{
	margin:0 5px 0 0;
}



/* 余白設定(マージン) 10px
----------------------------------------*/

.margin_all_10{
	margin:10px;
}

.margin_tb10{
	margin:10px 0;
}

.margin_lr10{
	margin:0 10px;
}

.margin_t10{
	margin:10px 0 0 0;
}
.margin_b10{
	margin:0 0 10px 0;
}
.margin_l10{
	margin:0 0 0 10px;
}
.margin_r10{
	margin:0 10px 0 0;
}


/* 余白設定(マージン) 15px
----------------------------------------*/

.margin_all_15{
	margin:15px;
}

.margin_tb15{
	margin:15px 0;
}

.margin_lr15{
	margin:0 15px;
}

.margin_t15{
	margin:15px 0 0 0;
}
.margin_b15{
	margin:0 0 15px 0;
}
.margin_l15{
	margin:0 0 0 15px;
}
.margin_r15{
	margin:0 15px 0 0;
}


/* 余白設定(マージン) 20px
----------------------------------------*/

.margin_all_20{
	margin:20px;
}

.margin_tb20{
	margin:20px 0;
}

.margin_lr20{
	margin:0 20px;
}

.margin_t20{
	margin:20px 0 0 0;
}
.margin_b20{
	margin:0 0 20px 0;
}
.margin_l20{
	margin:0 0 0 20px;
}
.margin_r20{
	margin:0 20px 0 0;
}


/* 余白設定(パディング) 5px
----------------------------------------*/

.padding_all_5{
	padding:5px;
}

.padding_tb5{
	padding:5px 0;
}

.padding_lr5{
	padding:0 5px;
}

.padding_t5{
	padding:5px 0 0 0;
}
.padding_b5{
	padding:0 0 5px 0;
}
.padding_l5{
	padding:0 0 0 5px;
}
.padding_r5{
	padding:0 5px 0 0;
}



/* 余白設定(パディング) 10px
----------------------------------------*/

.padding_all_10{
	padding:10px;
}

.padding_tb10{
	padding:10px 0;
}

.padding_lr10{
	padding:0 10px;
}

.padding_t10{
	padding:10px 0 0 0;
}
.padding_b10{
	padding:0 0 10px 0;
}
.padding_l10{
	padding:0 0 0 10px;
}
.padding_r10{
	padding:0 10px 0 0;
}


/* 余白設定(パディング) 20px
----------------------------------------*/

.padding_all_20{
	padding:20px;
}

.padding_tb20{
	padding:20px 0;
}

.padding_lr20{
	padding:0 20px;
}

.padding_t20{
	padding:20px 0 0 0;
}
.padding_b20{
	padding:0 0 20px 0;
}
.padding_l20{
	padding:0 0 0 20px;
}
.padding_r20{
	padding:0 20px 0 0;
}


/* マウスオーバー時の画像透過度を変更
----------------------------------------*/

.img_flash a:hover img {
	filter:alpha(opacity=60);        /* IEの透過度60%を設定 */
	-moz-opacity: 0.6;               /* Firefoxの透過度60% */
	opacity: 0.6;                    /* safariの透過度60% */
}