/*
Theme Name: C-SIDE 簡単ホームページ制作（type Black）
theme URI: http://www.c-side.co.jp/
Description: シーサイドの「簡単にホームページ制作サービス」のデザインテンプレートです。
Version: type_Black_200906
Author: 神崎　博正
Author URI: http://www.c-side.co.jp/
Tags:
*/
/* 外部CSSの読み込み
------------------------------------- */
/* @import はIEのパフォーマンスに影響
するため、封印。プラグイン「HeadSpace」
で設定する。 */
@charset "utf-8";

/* 共通設定 */
/* HTMLタグに標準設定されている
デフォルト設定をリセットする
@import url("css/reset.css"); */

/* レイアウト
@import url("css/layout.css"); */

/* トップナビ、サイドバー
@import url("css/navigation.css"); */

/* float処理されたDIVの
親ボックスに対する後処理
@import url("css/clearfix.css"); */

/* 入力フォーム
@import url("css/form.css"); */

/* ヘッダー上部
H1[サイトキャッチコピー]＋フォントサイズ[-][+]
●プラグイン「chgfontsize」
@import url("css/chgfontsize.css"); */

/* ヘッダー上部
「検索＋リンク」
@import url("css/headernavi.css"); */


/* 個別設定 */
/* home.phpのみ使用
プラグイン「HeadSpace」で個別設定
@import "css/home.css"; */

/* home.php、カテゴリーページで使用
プラグイン「HeadSpace」で個別設定
@import "css/image_list_view.css"; */

/* Postsページで使用
プラグイン「HeadSpace」で個別設定
@import "css/posts.css.css"; */


/* 文字色、サイズ等を設定
------------------------------------- */
/* レイアウトはlayout.cssにて指定 */
body {
	color:#333;/* テキストベースカラー */
}
/* ヘッダー */
div#header a {
	display: block;
	height: 185px;
	text-indent: -5000px;
	overflow: hidden;
}
div#header a:hover {
	background:none;
}
/* トップナビ */
div#topnavi a{
	color: #006600;
	text-decoration: none;
}
div#topnavi a:hover {
	color: #F5F5F5;
}
/* サイドバー */
div#sidebar a {
	color:#006600;
	text-decoration:none;
}
div#sidebar a:hover {
	color: #FF6699;
	text-decoration:underline;
}
div#sidebar h2 {
	color: #FFF;
}

div#sidebar a img{
	width: 185px;
	margin: 5px 0 0 0;
}

/* メニューリスト */
div#sidebar ul li {
	font-weight: bold;
}
div#sidebar ul li a {
	text-decoration: none;
}
/* メニューリスト（入れ子） */
div#sidebar ul li li{
	font-weight: bold;
}
div#sidebar ul li li a {
	text-decoration: none;
}
div#sidebar ul li li a:hover {
}
/* RSSフィード */
div#sidebar #feed a {
	color:#FFF;
}

/* Footer
----------------------------------------------------------------------------- */
div#footer_banner{
	clear: both;
	width: 850px;
	margin-bottom: 20px;
	}
	
div#footer_banner h2{
	width: 838px;
	height: 18px;
	margin-left: 5px;
	padding: 4px;
	color: #FFF;
	background: #003300;
}

div#footer_banner img {
	margin: 8px 0 0 5px;
	}

div#footerInner {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	background: url(css/img/bg_footer.gif) repeat-x;
	height: 87px;
	}
	
div#footerBanner {
	background: url(css/img/bg_footer_inside.png) repeat-y;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
	
div#footerBannerL{
	width:235px;
	margin:0;
	float: left;
	}

div#footerBannerR{
	float: right;
	width: 748px;
}
	
	
div#footerBannerL img {
	margin:0 0 8px 0;
	}
div#footerBannerR img{
	float:left;
	display:block;
	margin: 0 41px 8px 0;
	}
div#footerBannerR img.right{
	margin-right: 0!important;
	}

div#footerInfo { 
	clear:both;
	margin: 0 auto;}

div#footer #copyright {
	text-align:center;
	clear:both;
	width: 1000px;
	margin:0 auto;
}

/* タグ設定（メイン）
------------------------------------- */
div#main p {
	color:#333;
	margin:8px 10px;
	line-height:1.5em;
}
div#main a {
	color: #006600;
	text-decoration: none;
}
div#main a:hover {
	color: #33CC00;
	text-decoration:underline;
}
div#main hr{
	margin: 15px 0;
	border: 1px solid #f3f3f3;
}
div#main em.red {
	text-decoration:none;
	color:#FF0000;
	font-size:80%;
	font-weight:bold;
}
div#main ul{
	list-style:none;
	margin-bottom: 15px;
}
div#main ul li{
	color:#666;
	font-size:97%;
	line-height:1.5em;
	background:none;
	text-decoration: none;
	/*background: url(css/img/lm_for_main.gif) 25px 3px no-repeat;*/
	background: url(css/img/lm_ornge.gif) no-repeat 0 3px;
	padding: 0 0 3px 12px;
	border-bottom: 1px dotted #CCCCCC;
}

div#main ul li a{
	font-weight: bold;
}

div#main dl{
	list-style:none;
	margin-bottom: 15px;
}
div#main dl dt{
	color:#333;
	font-size:100%;
	font-weight:bold;
	line-height:1.5em;
	background:none;
	text-decoration: none;
	background: url(css/img/lm_for_main.gif) 25px 3px no-repeat; 
	padding: 0 0 3px 42px;
}
div#main dl dd{
	color: #666;
	font-size: 100%;
	padding: 0 0 8px 45px;
}
/* テーブル設定（標準） */
div#main table{
	margin: 15px;
	padding: 0;
	width:95%;
	border:none;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
div#main th{
	background-color: #f3f3f3;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #333;
	padding: 5px;
	text-align: center;
	white-space:nowrap;
}
div#main td{
	padding: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	line-height: 1.5em;
}
/* Hタグ設定（メイン）
------------------------------------- */
/* 文字色 */
div#main h2 {
	color: #006600;
	font-size:120%;
	font-weight:bolder;
}
div#main h3 {
	color: #336600;
	font-size:120%;
	font-weight:bolder;
}
div#main h4{
	color: #006600;
	font-size:120%;
	font-weight:bolder;
}
div#main h5{
	color: #006600;
	font-size:120%;
	font-weight:bolder;
}
div#main h6{
	color: #006600;
	font-size:120%;
	font-weight:bolder;
}
/* 枠線 */
div#main h2 {
	background: url(css/img/h2_bg.gif) no-repeat;
	height: 18px;
	margin: 12px 0 10px 0;
	padding: 12px 0 10px 18px;
	clear: both;
}
div#main h3 {
	height: 30px;
	background: url(css/img/h3_bg.gif) repeat-x;
	margin: 12px 0 0 0;
	padding: 10px 4px 0 10px;
	clear: both;
}
div#main h4{
	background: url(css/img/h4_bg.gif) no-repeat left center;
	border-bottom: 1px dotted #fcc;
	margin:0 0 8px 3px;
	padding: 4px 4px 6px 12px;
	clear: both;
}
div#main h5{
	margin:0 15px;
	padding: 3px 3px 3px 12px;
	background: url(css/img/h5_bg.gif) no-repeat left center;
	clear: both;
}
div#main h6{
	margin:0 15px;
	padding: 2px 6px;
	border: 1px solid #ccc;
	clear: both;
}
/* Hタグ設定～個別設定（メイン）
------------------------------------- */
div#main h2.sub_title {
	text-decoration: none;
	border:none;
	background:none;
	color: #333;
	font-size: 140%;
	font-weight: bolder;
	margin-bottom: 20px;
	padding-left: 10px;
}
div#main em.red_l {
	text-decoration: none;
	color: #99181b;
	font-weight: bolder;
	margin: 0 3px;
}
div#main h4.dl_mark {
	text-decoration: none;
	border:none;
	color: #444;
	font-size: 110%;
	background: url(css/img/dl_mark.gif) 15px 2px no-repeat; 
	margin-bottom: 5px;
	padding: 0 0 0 30px;
}
/* 段組レイアウト設定（メイン）
------------------------------------- */
/* 段落（メイン） */
div#main #column{
	width:100%;
	clear: both;
	padding-bottom: 20px;
}
div#main #column .img_border {
	border: #ccc solid 1px!important;
	padding:4px;
	background-color:#FFFFFF;
}

/* 段落内カラム設定（メイン） */
div#main #column #left {
	float:left;
	width: 65%;
	padding-left:8px;
}
div#main #column #right {
	float:right;
}
div#main #column #right p {
	margin:0 12px 0 5px!important;
}

/* 段落内カラム設定４：６（メイン） */
div#main #column #left40 {
	float:left;
	width:38%;
	padding-left:8px;
}
div#main #column #right60 {
	float:right;
	width:60%;
}
div#main #column #right40 p {
	margin:0 12px 0 5px!important;
}
/* 段落内カラム設定６：４（メイン） */
div#main #column #left60 {
	float:left;
	width:58%;
	padding-left:8px;
}
div#main #column #right40 {
	float:right;
	width:40%;
}
div#main #column #right40 p {
	margin:0 12px 0 5px!important;
}


/* 段落内カラム設定５：５（メイン） */
div#main #column #left50 {
	float:left;
	width:48%;
	padding-left:8px;
}
div#main #column #right50 {
	float:right;
	width:48%;
}
div#main #column #left50 table,
div#main #column #right50 table {
	width:95%;
	border-collapse:collapse;
	padding-left:3px;
}
div#main #column #left50 table th,
div#main #column #right50 table th {
	border: 1px solid #ccc;
	width:95px;
	font-size: 10px;
	color:#666;
	text-align:center;
}
div#main #column #left50 table td,
div#main #column #right50 table td {
	padding: 4px;
	border: 1px solid #ccc;
}


/* イメージ素材関連設定
------------------------------------- */
/* イメージ素材 */
img.img_border {
	border: #ccc solid 1px!important;
	padding:4px;
	background-color:#FFFFFF;
}
a img.img_border {
	background-color:#FFFFFF;
}
a:hover img.img_border {
	background-color:#0066CC;
}
/* イメージの段組設定 */
div#gallery_area {
	width:100%;
	margin-bottom: 20px;
	padding-left:8px;
}
div#gallery_area p {
	clear: both;
}
div#gallery_area img{
	float: left;
	margin-right:6px;
	margin-bottom: 6px;
	border: #ccc solid 1px!important;
	padding:3px;
	background-color:#FFFFFF;
	width:134px;
	height:90px;
}
div#gallery_area a img {
	background-color:#FFFFFF;
}
div#gallery_area a:hover img {
	background-color:#0066CC;
}
/* イメージ写真の配置設定（Single用） */
div#main #image_display {
	margin:0 20px 10px 20px;
	float:right;
}


/* Wordpress 個別設定
------------------------------------- */
/* パンくず */
div#main .breadcrumb {
	margin: 3px 15px 15px 5px;
}
/* リンク切れチェック「Broken Link Checker」 */
.broken_link, a.broken_link {
	text-decoration: line-through;
}
/* ページリンク */
div#pagelink {
	clear:both;
	width:100%;
	height:50px;
	border-top:#CCCCCC dotted 1px;
	position:relative;
}
div#pagelink span {
	position:absolute;
	width:300px;
	top: 10px;
	font-size:90%;
}
div#pagelink span.alignleft {
	left: 5px;
}
div#pagelink span.alignright {
	right: 5px;
	text-align:right;
}
/* サイト別の固有設定
------------------------------------- */
/* メルマガページ用 */
div#msg p {
	font-family: "ＭＳ ゴシック"!important;
}
/* リンクボタン */
div#button500 {
	text-align: center;
	clear:both;
}
div#button500 a {
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-size: 18px;
	font-weight:bolder;
	width: 505px;
	height: 58px;
	display:block;
	padding-top:20px;
	background: url(css/img/button500.jpg) left top no-repeat;
}
div#button500 a:hover {
	color:#FFF;
	text-decoration:none;
	background: url(css/img/button500.jpg) right top no-repeat;
}

div#box_right {
	clear:both;
	width:96%;
	padding:3px 10px 8px 0;
	text-align:right;
	line-height:1.5em;
}
/* テーブル設定～登録フォーム風 */
div#main #table_type_entry {
	margin: 0 5px;
}
div#main #table_type_entry table {
	margin: 0 0 8px 40px;
	border-style: none;
	border-top: 1px solid #CCC;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
}
div#main #table_type_entry th{
	background-color: #F3F3F3;
	color: #666666;
	border-top: none;
	border-bottom: 1px solid #CCC;
	border-left: 6px solid #CCC;
	border-right: none;
	padding: 6px;
	width: 35%;
	text-align:center;
}
div#main #table_type_entry th.must{
	border-left-color: #80B5A4; 
}
div#main #table_type_entry td{
	font-size: 12px;
	border-right: none;
	border-bottom: 1px solid #CCC;
	padding: 6px;
}
div#main #table_type_entry input#type_entry {
 margin-left:300px;
}



/* --- hack --- */ 

div#main #column:after,
div#main #column #left60:after,
div#main #column #right40:after,
div#gallry_area:after
{
	content: url(css/img/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

div#main #column,
div#main #column #left60,
div#main #column #right40,
div#gallry_area
{ display: inline-block; }

div#main #column,
div#main #column #left60,
div#main #column #right40,
div#gallry_area
{ display: block; }

* html div#main #column,
* html div#main #column #left60,
* html div#main #column #right40,
* html div#gallry_area
{ height: 1%; }


/* Mac版IEのみに適用 \*//*/
div#main #column,
div#main #column #left60,
div#main #column #right40,
div#gallry_area
{ overflow: hidden; }



/* Hides from IE-mac\*/

/* 以下、list_viewに関するスタイルになります。--ここから*/
/* コンテンツの表現コントロール
＜list_viewに反映＞
------------------------------------------------------------------------------------------------ */
/* Hタグ下の段落
floatやイメージを利用するパートに適用 */
div#main .list_view,
div#main2 .list_view {
	padding-bottom:14px;
	clear: both;
	height: 100%;
}
/* image_main1 .list_view,image_main2 .list_view内タグの共通設定 ※※調整済み4/20 update※※
------------------------------------------------------------------ */

div#main .list_view span,
div#main2 .list_view span {
	display:block;
	position:absolute;
	line-height:1.2em;
}

div#main .list_view span.detail,
div#main2 .list_view span.detail {
	color: #993300;
	text-align:right;
}

div#main .list_view p.comment,
div#main2 .list_view p.comment {
	clear:both;
	font-size:0.95em;
	color:#FF0000;
	margin-left:6px;
}

/* タイトル共通スタイル：文字色とボーダー*/
div#main .list_view span.title,
div#main2 .list_view span.title  {
	padding: 0 0 2px 0;
	font-weight:bolder;
	border-bottom: #ccc dotted 1px;
}

/* 提供元の共通スタイル:文字、ボーダー */
div#main .list_view span.partner,
div#main2 .list_view span.partner  {
	position:absolute;
	color: #999;
	font-size:0.85em;
	border-top: #ccc dotted 1px;
}

/*　アイテムdata　共通スタイル：文字サイズと色 */
div#main .list_view span.time-and-date,
div#main2 .list_view span.time-and-date {
	font-size:0.85em;
	color: #999;
}

/* ステータスの共通スタイル：文字色 */
div#main .list_view span.state,
div#main2 .list_view span.state {
	color: #FF84C1;
	font-weight:bolder;
	font-size: 0.8em;
}

/* アドレスの共通スタイル：文字サイズ、行頭の画像 */
div#main .list_view span.address,
div#main2 .list_view span.address { height:1em; font-size: 0.85em; 	padding-top: 0.2em;
}
div#main .list_view span.address em,
div#main2 .list_view span.address em {
	position:absolute;
	left:-18px;
	top: -1px;
	text-indent:-9999px;
	color: #fff;
	padding: 1px 0;
	width:26px;
	display:block;
	background: url(img/icon_sinfo.gif) no-repeat left 0;
	}


/* 【LV1ImgLeft：タイトル＋画像左＋リコメンド】×１列　※※調整済み04/21完了※※
------------------------------------- */
div#main .list_view .LV1ImgLeft {
	position:relative;
	width: 528px;
	height: 14em;
	float: left;
	margin:0;
	padding:0 6px;
}


.LV1ImgLeft span {}

.LV1ImgLeft div.thumbimg {
	position: relative;
	width:198px;
	top:30px;
	left: 0;
}

.LV1ImgLeft div.thumbimg img {/*画像サイズを指定*/
	width:188px;
}

.LV1ImgLeft span.title em.new_icon img {
	display:inline;
}

.LV1ImgLeft span.recommend {
	width:318px;
	top:30px;
	left:210px;
}


.LV1ImgLeft span.partner { /* 幅、位置、Paddingの調整 */
	width:528px;
	left:6px;
	top:170px;
	padding:4px 0 0 0;
}


.LV1ImgLeft span.time-and-date { /* 幅、位置、テキスト揃えの調整*/
	width:528px;
	top:174px;
	text-align:right;
}

.LV1ImgLeft span.content { display:none; }

.LV1ImgLeft span.detail {
	width:528px;
	top:95px;
	text-align:right;
}
.LV1ImgLeft span.state { /* 幅、位置、文字サイズの調整 */
	width:318px;
	top:118px;
	left:210px;
	padding:0;
}

.LV1ImgLeft span.address { /* 幅、位置の調整 */
	width:300px;
	top:140px;
	left:228px;
}

.LV1ImgLeft span.address em {	}


/* 【LV1ImgRight：タイトル＋画像右＋リコメンド】×１列 ※※調整済み04/21完了※※
------------------------------------- */
div#main .list_view .LV1ImgRight {
	position:relative;
	width: 600px;
	height: 18em;
	float: left;
	margin:0;
	padding:0 6px;
}


.LV1ImgRight span {}

.LV1ImgRight div.thumbimg {
	position: relative;
	width:198px;
	top:30px;
	left: 400px;
}

.LV1ImgRight div.thumbimg img {/*画像サイズを指定*/ width:188px; 
}



.LV1ImgRight span.title { /* 幅、位置の調整 */
	width:600px;
	top:0;
	left:6px;
	font-size:120%;
}

.LV1ImgRight span.title em.new_icon img { display:inline; }

.LV1ImgRight span.recommend {
	width:390px;
	top:30px;
	left:6px;
}

.LV1ImgRight span.partner { /* 幅、位置、Paddingの調整 */
	width:600px;
	left:6px;
	top:190px;
	padding:4px 0 0 0;
}

.LV1ImgRight span.time-and-date { /* 幅、位置、テキスト揃えの調整*/
	width:100%;
	top:194px;
	text-align:right;
}

.LV1ImgRight span.content { display:none; }

.LV1ImgRight span.detail {
	width:390px;
	top:95px;
	text-align:right;
	left: 6px;
}

.LV1ImgRight span.state {/* 幅、位置、文字サイズの調整 */
	width:390px;
	top:118px;
	left:6px;
	padding:0;
}

.LV1ImgRight span.address {
	width:300px;
	top:140px;
	left:24px;
}

.LV1ImgRight span.address em {}


/* 【LV1Title：タイトル＋リコメンド】×１列　※※調整済み4/20 完了※※
------------------------------------- */
div#main .list_view .LV1Title {
	width: 528px;
	height: 2em;
	margin:0 6px;
	padding:0px;
	position:relative;
}

.LV1Title span {}

.LV1Title div.thumbimg { display:none; }

.LV1Title span.title{
	width: 100%;
	top:12px;
	left:0;
	background: url(css/img/lm_ornge.gif) no-repeat 0px 2px;
}

.LV1Title span.title a{
	padding-left:12px;
	/*font-size:120%;*/
}

.LV1Title span.title em.new_icon img { display:inline;}

.LV1Title span.time-and-date {
	top:36px;
	width: 100%;
	text-align:right;
}

.LV1Title span.recommend {
	width:100%;
	top:36px;
}

.LV1Title span.content {
	top:60px;
	left:0px;
	color:#666;
}

.LV1Title span.detail {
	width:100%;
	top:60px;
	text-align:right;
}

.LV1Title span.url {
	top:32px;
}
.LV1Title span.address {
	top:12px;
	width: 100%;
	text-align:right;
	font-size: 90%;
}
div#main2 .list_view .LV1Title span.address em {
	display:none;
}
.LV1Title span.telfax {
	top:32px;
	width: 100%;
	text-align:right;
	font-size:80%;
}

/* 【LV2TitleImg：タイトル＋画像＋リコメンド】×２列　※※※調整済み4/21完了※※※
------------------------------------- */
div#main .list_view .LV2TitleImg {
	width: 258px;
	height: 10em;
	float: left;
	margin:0 6px 18px 6px;
	padding:0;
	position:relative;
}

div#main2 .list_view .LV2TitleImg {

.LV2TitleImg span {}

.LV2TitleImg div.thumbimg {
	position: relative;
	top:26px;
}

.LV2TitleImg div.thumbimg img { width:102px; } /* 画像の幅を指定 */

.LV2TitleImg span.title { /* 幅、位置の調整 */
	width:258px;
	top:0px;
	left:0px;
}

.LV2TitleImg span.title em.new_icon img { display:inline; }

.LV2TitleImg span.time-and-date {}

.LV2TitleImg span.recommend {
	top:26px;
	left:122px;
}

.LV2TitleImg span.content {
	top:45px;
	left:20px;
	color:#666;
}

.LV2TitleImg span.detail { display:none!important; }

.LV2TitleImg span.state { /* 幅、位置、文字サイズの調整 */
	width:258px;
	top:11em;
	left:0px;
	padding:4px 0 0 0;
}

.LV2TitleImg span.partner { /* 幅、位置、Paddingの調整 */
	width:258px;
	top:10em;
	left:0px;
	padding:4px 0 0 0;
}

.LV2TitleImg span.address {
	top:8.25em;
	left:140px;
}

.LV2TitleImg span.address em {}


/* 【LV3Img：画像のみ】×３列　※※調整済み4/21完了※※
------------------------------------- */
div#main .list_view .LV3Img{
	position:relative;
	width: 536px;
	margin:0 0 0 6px;
	padding:0;
}

.LV3Img div.thumbimg {
	position: relative;
	top:0;
	width: 536px;
}

.LV3Img div.thumbimg img {width:164px; margin:0 4px 14px 0; display:inline-block;}


/* 【LV3ImgTitle：画像＋タイトル】×３列　※※調整済み4/21完了:クラス名変更先頭に数字は不具合あり※※
※5/11クラス名変更※
------------------------------------- */
div#main .list_view .LV3ImgTitle {
	position: relative;
	width: 536px;
	margin:0 0 0 6px;
	padding:0;
}

/*.LV3ImgTitle span {}*/

.LV3ImgTitle div.thumbimg {
	position: relative;
	float:left;
	margin:0 0 24px 0;
	display:inline-block;
	padding: 0;
}

.LV3ImgTitle div.thumbimg img {
	width:164px;
	margin:0 4px 14px 0;
	position: relative;
	top:24px; }


.LV3ImgTitle span.title {
	width: 172px;
	margin-bottom:2px;
	font-size:0.88em;
	font-weight:bolder;
}

.LV3ImgTitle span.title em.new_icon img {
	display:inline;
}


/* 【LV3ImgRecomend：画像＋リコメンド】×３列　※※調整済み4/22完了:クラス名変更先頭に数字は不具合あり※※
※5/11クラス名変更※
------------------------------------- */
div#main .list_view .LV3ImgRecomend{
	position: relative;
	width: 536px;
	margin:0 0 0 6px;
	padding:0;
}
.LV3ImgRecomend span {}

.LV3ImgRecomend div.thumbimg {
	position: relative;
	float:left;
	height:13em;
	display:inline-block;
	margin:0;
	padding: 0;
}

.LV3ImgRecomend div.thumbimg img {
	width:164px;
	margin:0 4px 6px 0;
	position: relative;
 }

.LV3ImgRecomend span.recommend {
	position:absolute;
	top:120px;
	left:0;
	width: 162px;
	height:2.25em;
	margin:0;
	border-bottom: #ccc dotted 1px;
	padding: 5px;
}


/* 【LV4Img：画像のみ】×４列 　※※調整済み4/22完了:クラス名変更先頭に数字は不具合あり※※
※5/11クラス名変更※
------------------------------------- */
div#main .list_view .LV4Img{
	width: 546px;
	margin:0 0 0 6px;
	position:relative;
}

.LV4Img div.thumbimg {
	width:125px;
	float: left;
	position: relative;
	margin:0 10px 0 0;
	padding-bottom: 14px;
	/*top:30px;*/
}

.LV4Img div.thumbimg img{
	width: 115px;
}

/* 【LV4ImgTitle：画像＋タイトル】×４列　※※調整済み4/22完了:クラス名変更先頭に数字は不具合あり※※
※5/11クラス名変更※
------------------------------------- */
div#main .list_view .LV4ImgTitle{
	width: 546px;
	margin:0 0 0 6px;
	position:relative;
}
.LV4ImgTitle span {
	width:125px;
}
.LV4ImgTitle div.thumbimg {
	position: relative;
	float: left;
	width:125px;
	margin:0 10px 0 0;
	padding: 20px 0 14px 0;
	/*top:30px;*/
}

.LV4ImgTitle div.thumbimg img {
	width: 115px;
}

.LV4ImgTitle span.title {
	top:0;
	font-size:0.8em;
	font-weight:bolder;
}

.LV4ImgTitle span.title em.new_icon img {
	display:inline;
}

/* 【LV5ImgTitle：画像＋タイトル】×５列 ※※調整済み4/22完了:クラス名変更先頭に数字は不具合あり※※
※5/11クラス名変更※
------------------------------------- */
div#main .list_view .LV5ImgTitle{
	width: 546px;
	margin:0 0 0 6px;
	padding:0px;
	position:relative;
}
.LV5ImgTitle span {
	width:98px;
}
.LV5ImgTitle div.thumbimg {
	position: relative;
	width: 98px;
	float: left;
	padding:20px 10px 0 0;

}
.LV5ImgTitle div.thumbimg img { 
	width:87px; 

}

.LV5ImgTitle span.title {
	top:3px;
	font-size:0.8em;
	/*font-weight:bolder;*/
}
.LV5ImgTitle span.title em.new_icon img {
	display:inline;
}

/* バックナンバー 4カラム*/
/* 【LVBackNum：サブタイトル＋画像＋リコメンド】×４列	※5/11追加※
------------------------------------- */

div#main2 .list_view .LVBackNum{
	width:178px;
	height:330px;
	margin:0 10px 0 0;
	position: relative;
	float: left;
}


.LVBackNum span {
	width:178px;
}

.LVBackNum .img_border

.LVBackNum span.title {
	font-size:0.8em;
	font-weight:bolder;
}

.LVBackNum span.state{
	position:absolute;
	top: 2px;
	left: 40px;
	}
	
.LVBackNum span.sub_title{
	position:absolute;
	top:270px;
	}

.LVBackNum span.recommend{
	position:absolute;
	top:290px;
	}

.LVBackNum span.title em.new_icon img {
	display:inline;
}



/* 以上、 list_viewに関するスタイル。--ここまで*/