@charset "utf-8";
/* CSS Document */

/***************************************************************/
/* IMAGE
/***************************************************************/

.imgLeft {
	float: left;
	margin: 0px 10px 0px 0px;
}
.imgLeftSpace {
	float: left;
	margin: 0px 10px 15px 0px;
}
.imgRight {
	float: right;
	margin: 0px 0px 12px 0px;
}
.imgSpace{
	margin: 0px 0px 15px 0px;
}
.imgSpace_s{
	margin: 0px 0px 10px 0px;
}


/***************************************************************/
/* SECTION
/***************************************************************/
.section {
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}

.sectionBorder {
	margin: 0px 0px 1.5em 0px;
	padding: 0px 0px 1.5em 0px;
	background: url(../images/section_border.gif) repeat-x left bottom;
	min-height: 1px;　/* IE 7対策 */
}

.space {
	margin: 0px 0px 15px 0px;
	overflow: hidden;
}


/***************************************************************/
/* title
/***************************************************************/
#title {
	margin: 0px 0px 25px 0px;
	padding: 10px 0px 0px 0px;
}

/***************************************************************/
/* whatsnew
/***************************************************************/
.whatsImgLeft {
	float: left;
	width:100px;
	height:75px;
	padding: 2px;
	margin: 0px 10px 0px 0px;
	background-image:url(../images/flame_whats_img.gif);
	background-repeat:no-repeat;
}

/***************************************************************/
/* PRODUCTS
/***************************************************************/
.categoryname {
	background-image:url(../products/images/bg_category.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	width:630px;
	height:18px;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	color:#FFFFFF;
}

.categorynameFull {
	background-image:url(../products/images/bg_categoryfull.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	width:840px;
	height:18px;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	color:#FFFFFF;
}

#itemname {
	background-image:url(../products/images/bg_name_gold.gif);
	background-repeat:repeat-x;
	text-align:left;
	width:620px;
	height:31px;
	padding: 7px 15px 7px 15px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	font-size:12px;
	font-weight:bold;
	line-height:130%;
	color:#FFFFFF;
}

.productsList ul {
	width: 650px;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	list-style-type: none;
}
.productsList li {
	margin: 0px 0px 5px 0px;
	float: left;
	width:130px;
	height:110px;
	text-align:center;
}

.familyList ul {
	width: 660px;
	margin: 0px;
	padding: 10px 0px 30px 0px;
	list-style-type: none;
	color:#E9D69A;
}
.familyList li {
	margin: 0px 7px 10px 0px;
	padding: 3px 0px 0px 0px;
	float: left;
	width:124px;
	background-image:url(../family/images/flame_family_gold.gif);
	background-repeat:no-repeat;
	text-align:center;
	line-height:20px;
	color: #ffffff;
}
.familyList .familyListRight {
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 0px 0px;
	float: left;
	width:124px;
	background-image:url(../family/images/flame_family_gold.gif);
	background-repeat:no-repeat;
	text-align:center;
	line-height:20px;
}

.profilePhoto {
	margin: 0px 20px 0px 0px;
	padding: 2px 0px 0px 0px;
	float: left;
	width:214px;
	height:239px;
	background-image:url(../family/images/flame_photo.gif);
	background-repeat:no-repeat;
	text-align:center;
}


.text_profilename {
	font-size:24px;
	font-weight:bold;
	line-height:150%;
}

.profileList ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	clear:both;
}

.profileList li {
	margin: 0px;
	padding: 0px 0px 8px 10px;
	float: left;
	width:160px;
	text-align:left;
	background-image:url(../family/images/icon_profile.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.profileList .profileListRight {
	margin: 0px;
	padding: 0px 0px 8px 8px;
	float: right;
	width:400px;
	background-image:none;
}

.profileList .profileListLeft_s {
	margin: 0px;
	padding: 0px 0px 8px 10px;
	float: left;
	width:120px;
	text-align:left;
	background-image:url(../family/images/icon_profile.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.profileList .profileListRight_s {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	float: right;
	width:280px;
	background-image:none;
	word-break: break-all;
}


#blog_base {
	width: 640px;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 20px 5px;
	background-color:#FFFFFF;
	color:#666666;
	background-image:url(../blog/images/flame_blogunder.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	clear:both;
}

#blog_title {
	width: 580px;
	height:12px;
	margin: 0px;
	padding: 16px 15px 20px 55px;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	background-image:url(../blog/images/flame_blogtop.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#familyTitle {
	float:left;
	width:450px;
	margin: 0px;
	padding: 0px;
}

#familyDay {
	float:right;
	width:100px;
	margin: 0px;
	padding: 0px;
	text-align:right;
	font-weight:normal;
}


#report_base {
	width: 640px;/*20080724画像サイズ640 ： 620px → 640px*/
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 20px 5px;/*20080724画像サイズ640 ： 0px 15px 20px 15px → 0px 5px 20px 5px*/
	background-color:#FFFFFF;
	color:#666666;
}

#report_title {
	width: 640px;/*20080724画像サイズ640 ： 620px → 640px*/
	margin: 0px;
	padding: 16px 5px 17px 5px;/*20080724画像サイズ640 ： 16px 15px 17px 15px → 16px 5px 17px 5px*/
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
	color:#666666;
}


.tableShopList {
    border-collapse: collapse;
    border: 1px #000000 solid;
    background-color: #FFFFFF;
	color:#454545;
	line-height:150%;
	margin-bottom: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	

}
.tableShopList td {
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #000000;

}


.tableShopList a {
	color:#0066CC;

}

/*色変更したリスト（金色）*/
.categoryname_1 {
	background-image:url(../products/images/bg_category_gold.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	width:630px;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	color:#E9D69A;
}

.categorynameFull_1 {
	background-image:url(../products/images/bg_categoryfull.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	width:840px;
	height:18px;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	color:#FFFFFF;
}

/*色変更したリスト（SALT WATER FAMILY 海釣り）*/
.categoryname_2 {

	background-image:url(../products/images/bg_category_blue.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	width:630px;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	color:#AFD8EE;

}

.familyList_2 ul {
	width: 650px;
	margin: 0px;
	padding: 10px 0px 30px 0px;
	list-style-type: none;
	color:#AFD8EE; /*名前の色*/
}
.familyList_2 li {
	margin: 0px 7px 10px 0px;
	padding: 3px 0px 0px 0px;
	float: left;
	width:124px;
	background-image:url(../family/images/flame_family_blue.gif); /*フレームの色*/
	background-repeat:no-repeat;
	text-align:center;
	line-height:20px;
	color: #ffffff;
}


/***************************************************************/
/* Movie
/***************************************************************/

#movie{
	margin: 0px;
	padding: 35px 20px 20px 20px;
	background-color:#000000;
	background-image:url(../movie/images/player_flametop.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#movieBottom{
	margin: 0px;
	padding: 0px;
	height:15px;
	background-color:#000000;
	background-image:url(../movie/images/player_flameunder.gif);
	background-repeat:no-repeat;
}

.tableMovieList {
    border-collapse: collapse;
    border: 1px #999999 solid;
    background-color: #CCCCCC;
	color:#333333;
	line-height:150%;
	margin-bottom: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	

}
.tableMovieList td {
	padding: 10px 10px 25px 10px;
	vertical-align: top;
	border: 1px solid #999999;

}

.tableMovieList a {
	color:#0066CC;

}

.tableMovie {
    border-collapse: collapse;
    border: 1px #999999 solid;
	margin-bottom: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	

}
.tableMovie td {
	padding: 10px 10px 25px 10px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #999999;

}

.tableQr {
    border-collapse: collapse;
    border: 1px #999999 solid;
	margin-bottom: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	

}
.tableQr td {
	padding: 10px 0px 10px 0px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #999999;

}

.box_link {
	border: 1px solid #999999;
	padding: 1px;
	vertical-align:middle;
}


/***************************************************************/
/* colorchart
/***************************************************************/

.colorchart1Left{
	float:left;
	margin: 0px 12px 15px 0px;
	padding:0px;
}
.colorchart1Right{
	float:Left;
	margin: 0px 0px 15px 0px;
	padding:0px;
}

.colorchart2Left{
	float:left;
	margin: 0px 10px 20px 0px;
	padding:0px;
}
.colorchart2Right{
	float:right;
	margin: 0px 0px 20px 0px;
	padding:0px;
}

.colorchart3Left{
	float:left;
	width:280px;
	margin: 0px 10px 5px 0px;
	padding:0px;
}
.colorchart3Right{
	float:left;
	margin: 0px 0px 5px 0px;
	padding:0px;
}

.colorchart4{
	float:left;
	width:98px;
	margin: 0px 10px 20px 0px;
	padding:0px;
	text-align:center;
	font-size:10px;
}


.colorchart5{
	float:left;
	width:150px;
	margin: 0px 10px 20px 0px;
	padding:0px;
}

/***************************************************************/
/* Feco
/***************************************************************/
#Feco {
	background-image:url(../products/images/feco.gif);
	background-repeat:no-repeat;
	text-align:left;
	height:25px;
	padding: 0px 0px 0px 45px;
	margin: 0px auto 20px auto;
	overflow: hidden;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}

.box {
	border: 1px solid #FFFFFF;
}
.box_black {
	border: 1px solid #666666;
	text-align:center;
}