@charset "utf-8";
@import "digit_navi.css";
@import "photo_menu.css";
/* reportデザイン */
/* 基本デザイン　base1.css相当 */

body {
	margin:0px;
	padding:0px;
	background-color:#faffff;
	color:#333333;
	text-align:center;  /* 古いIE対応　*/
	}  /* 基本文字色 上下左右スペースなし　*/
.contents {
	width:750px;    /* IE5.x幅固定無効対応　*/
	margin:auto;
	background-color:#fffefd;
	border:solid 1px #cccccc;
	text-align:left;   /* 古いIE対応　*/
	position:relative;  /* 絶対位置指定するとき必要　*/
	}	
/* floatを指定したボックスを含むボックスの背景が出なくなる対策　*/
.contents {
    overflow: hidden;
}
.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}
/**/
/* float対策ここまで */

/* ローカルナビバー */
.local_navi {
	width:540px;
	padding-top:3px;
	padding-bottom:3px;
	border-top:1px solid #cccccc;
}

.local_navi ul{
	margin:3px;
	padding-left:5px;
	clear:both;
}
.local_navi li{
	float:left;
	border-right:1px solid #cccccc;
	padding-left:5px;
	padding-right:5px;
}
.local_navi li a {
	white-space:nowrap;
	font-size:80%;
	line-height:80%;
}

/* ローカルナビバー終わり */

h2	{
	font-size:75%;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	margin-bottom:3px;
	clear:both;
	}   /* ボトムナビ｜?？？｜ */
#pankuzu {
	font-size:80%;
	text-align:left;
	margin-bottom:3px;
	margin-left:5px;
	border-bottom:solid 1px #cccccc;
	padding-left:5px;
	padding-bottom:3px;
	font-weight:bolder;
	clear:both;
	}   /* パンくず */
.topcom  {
	width:380px;
	margin-top:3px;
	margin-left:5px;
	margin-bottom:5px;
	font-size:90%;
	line-height:120%;
	}
p	{
	padding-left:10px;
	padding-right:5px;
	margin-top:3px;
	margin-bottom:3px;
	font-size:90%;
	line-height:120%;
	}

/* おすすめ */
.mark_osusume {
	margin:0px 5px;
	font-size:85%;
	letter-spacing:45px;
	width:45px;
	background-image:url(../img/mark/osusume_45x15.gif);
	background-position:0px 50%;
	background-repeat:no-repeat;
	}

address	{
	font-size:80%;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	border-top:solid 1px #cccccc;
	padding-top:5px;
	margin-top:3px;
	clear:both;
	}   /* ライン　緑 */


/* reportデザイン変更部（base_shop.css相当） */
.main	{
	float:left;
	width:550px;
	margin-top:17px;  /*H1とナビのスペース場合*/
	padding-left:10px;
	}
.side  {
	width:182px;
	margin-top:16px; /*H1とナビのスペース場合*/
	/*margin-left:563px; H1この数字によってサイドが下に回りこむ*/
	padding:0px;
	border-left:solid 1px #cccccc; /* グレーライン */
	float:right;
	}

h1	{
	margin:0px;
	height:47px;
	font-size:18pt;
	font-weight:900;
	color:#115533;
	vertical-align:middle;
	border-bottom:solid 1px #cccccc;   /* 元データ00aa00　*/
	}
h1 img	{
	float:left;
	margin-right:30px;
	}
span#fontlogo1  {
	font-size:12pt;
	color:#884400;
	}	/* タイトル文字中 小豆色 */
span#fontlogo2  {
	font-size:15pt;
	color:#333333;
	}	/* タイトル文字大 黒色 */

.col	{
	padding:5px;
	width:160px;
	height:80px;
	overflow:auto;
	margin:2px;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	font-size:80%;
	float:left;
	}  /* 2段組ボックス枠緑 */
.col img {
	float:left;
	width:70px;
	margin-right:5px;
	}
h3	{
	margin-top:0px;
	margin-bottom:0px;
	font-size:100%;
	background-color:#f5ffdd;  /* 薄鶯色バック　元白データ#fffefd */
	border-top:1px solid #aaaaaa;  /* ちょっと濃いグレー */
	border-bottom:1px solid #aaaaaa;
	padding:2px 10px;
	color:#115533;
	clear:both;
	}
h4	{
	margin-top:5px;
	margin-bottom:5px;
	padding-left:18px;
	background-image:url(../img/mark/green_ya1_16x20.gif);
	background-position:0px 50%;
	background-repeat:no-repeat;
	font-size:95%;
	clear:both;
	}
.yajirushi	{
	padding-left:18px;
	background-image:url(../img/mark/green_ya2_16x20.gif);
	background-position:0px 50%;
	background-repeat:no-repeat;
	font-size:95%;
	clear:both;
	}

.side h2 {
	margin-top:0px;
	margin-bottom:5px;
	font-size:100%;
	font-weight:900;
	text-align:center;
	border-top:1px solid #cccccc;
	background-color:#f5ffdd;  /* 薄鶯色バック　元データ#ffffd8 */
	color:#115533;
	clear:both;
	}  /* 見出し#ffffbbクリーム色バック */
.side h3   {
	margin-top:3px;
	margin-bottom:3px;
	margin-left:2px;
	padding-left:18px;
	background-image:url(../img/mark/orange_ya1_16x20.gif);
	background-position:0px 50%;
	background-repeat:no-repeat;
	font-size:90%;
	background-color:#fffefd;  /* 白色バック */
	border:0px;
	clear:both;
	}
.side h4	{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:5px;
	padding-left:18px;
	background-image:url(../img/mark/orange_wang_16x20.gif);
	background-position:0px 50%;
	background-repeat:no-repeat;
	font-size:85%;
	clear:both;
	}
dl	{
	margin-top:3px;
	margin-left:25px;
	margin-bottom:5px;
	line-height:120%;
	}
dt	{
	padding-left:18px;
	background-image:url(../img/mark/green_ya1_16x20.gif);
	background-position:0px 50%;
	background-repeat:no-repeat;
	font-size:95%;
	font-weight:600;
	}
dd	{
	margin-left:10px;	
	font-size:90%;
	}
ul	{
	margin-top:5px;
	margin-bottom:10px;
	margin-left:20px;
	font-size:90%;
	line-height:120%;
	clear:both;
	}
ol	{
	margin-top:5px;
	margin-bottom:10px;
	margin-left:40px;
	font-size:90%;
	line-height:120%;
	clear:both;
	}
ul	{
	list-style:none;
	}
li	{
	padding-left:0px;
	}
.side ul	{
	font-size:80%;
	margin:0;
	padding:0;
	}
.side li {
	margin-left:5px;
	padding-left:20px;
	background-image:url(../img/mark/gray_ya1_16x20.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
	}
table {
	margin-left:25px;
	margin-bottom:3px;
	font-size:85%;
}
th	{
	font-weight:normal;
	font-style:normal;
	width:80px;
	text-align:left;
	}
td {
	padding-right:10px;
}
p img 	{  /* 絵の横に文字回り込み */
	float:left;
	margin-right:5px;
	clear:both;
	}

form{
	padding-left:20px;
	padding-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:90%;
	line-height:120%;
	}

p IFRAME 	{  /* フレームの横に文字回り込み  */
	float:left;
	margin-right:5px;
	clear:both;
	}
.size70 img {
	width:70px;
	}
img.float_none {
    float:none;
	}
.notice {
	color:red;
}

.main_1 { /* #main_1_pr　の　absolute　指定を有効にする */
	position:relative;
	top:0px;
	left:0px;
	width:540px;  /* utf-8でimg floatの後の文字位置がずれていく対策 */
	padding-top:0px;
}

.main_1_pr { /* main_1 位置　バナー */
	position:absolute;
	width:140px;
	top:2px;
	right:5px;
	padding-left:3px
}
.main_1_pr p {
	border-left:1px solid #cccccc;
	font-size:65%;
}
.list {      /* コードなどのリストの表示枠 */
	margin:5px 20px 5px 20px; /* 上、右、下、左 */
    padding:5px 20px 5px 20px;
	font-size:80%;
	border:1px solid #aaaaaa;
	background-color:#f8fff8;  /* うす青 */
	clear:both;
	}
.dsp_html {    /* htmlなどの表示枠 */
	margin:5px 20px 5px 20px;  /* 上、右、下、左 */
    padding:5px 20px 5px 20px;
	font-size:80%;
	border:1px solid #aaaaaa;
	background-color:#fffefd;  /* うす白 */
	clear:both;
	}

.sub_menu{
	width:500px;
}
.sub_menu h4{
	color:#115533;
	background-image:url(../img/mark/green_ya1_16x20.gif);
	background-position:0px 50%;
	margin-top:3px;
	margin-bottom:2px;
	margin-left:5px;
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:75%;
	clear:both;
}
.sub_menu li {
	padding-left:20px;
	padding-right:5px;
	background-image:url(../img/mark/gray_ya1_16x20.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
	float:left;
	}
.sub_menu li {
	white-space:nowrap;
	font-size:75%;
}

#t_with_line {
	margin-left:30px;
	margin-top:10px;
	border:solid 1px #cccccc;
}
#t_with_line th,#t_with_line td{
	border:solid 1px #cccccc;
}


/* Mozilla Firefoxで代替文字表示の場合大きくなりすぎない対応 */
img {
	font-size:50%;
}