@charset "utf-8";

/*---------------------
フロント - h系スタイル初期化
----------------------*/
.front_screen h1,
.front_screen h2,
.front_screen h3,
.front_screen h4,
.front_screen h5,
.front_screen h6
{
margin:0;
padding:0;
background:none;
text-align:left;
color:#333333;
border:none;
}

.front_screen h4{
font-size: 18px;
margin:10px 0 10px 0;
}

.front_screen h5{
font-size: 16px;
margin:6px 0 6px 0;

}

.front_screen h6{
font-size: 14px;
margin:4px 0 4px 0;
}

.front_screen .blog h4 {
	border-left: 5px solid #666666;
	border-bottom: 1px dashed #999999;
	padding: 5px;
}

.front_screen .blog h5 {
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	padding: 5px;
}

.front_screen .blog h6 {
	border-left: 5px solid #999999;
	padding: 5px 0 2px 5px;
}


/*ブログのタイトル*/
.front_screen .blog_title2 h4 {
	border-left: 8px solid #333333;
	border-bottom: 1px dashed #999999;
	padding: 5px;
	font-size: 18px;
	margin:0;
	color:#333333;
}

.front_screen h4 a{
color:#333333;
}


body.front_screen{
text-align:center;
}

.list_delim{
margin:30px 0 30px 0;
}


/*------------------------------------------------------------------------------------------------------
コンテンツ
#contents_wrap
-------------------------------------------------------------------------------------------------------*/
/*-----------------
コンテンツ - コンテナ
contents_wrap
------------------*/
#contents_wrap{
margin-bottom:5px;
}

/*-----------------
コンテンツ - 検索結果が見つからなかった場合
sitesearch_notfound
------------------*/
.sitesearch_notfound{
height:50px;
text-align:center;
}



/*------------------------------------------------------------------------------------------------------
ウィジェット
.widget
-------------------------------------------------------------------------------------------------------*/

/*-----------------
ウィジェット - コンテナ
front_container
------------------*/
.front_screen .front_container{
width: 73.076em;
*width: 71.25em;
margin:auto;
text-align:left;
}


/*-----------------
ウィジェット - フレーム - 上部
frame_top
------------------*/
.frame_top_bg_left,
.frame_top_bg_right
{
height: 27px;
background:transparent url(/default/img/widget/frame_top.png) no-repeat scroll left 0;
}

.frame_top_bg_right{
margin-left:5px;
background-position: right 0;
}


/*--------
ウィジェット - フレーム - 上部 - 見出し
--------*/
.frame_top_bg_right h3.widget_tips{
font-size:100%;
text-align:center;
}


/*-----------------
ウィジェット - フレーム - 中央
frame_center
------------------*/
.frame_center_bg_left,
.frame_center_bg_right
{
background:transparent url(/default/img/widget/frame_center.png) repeat-y scroll left 0;
}

.frame_center_bg_right{
margin-left:5px;
background-position: right 0;
padding:10px 10px 10px 5px;
}


/*-----------------
ウィジェット - フレーム - 下部
frame_bottom
------------------*/
.frame_bottom_bg_left,
.frame_bottom_bg_right
{
height: 27px;
background:transparent url(/default/img/widget/frame_bottom.png) no-repeat scroll left 0;
}

.frame_bottom_bg_right{
margin-left:5px;
background-position: right 0;
}


/*-----------------
ウィジェット - カラム
column_type
カラムタイプに応じて幅を指定する
------------------*/
body.column_type1 #left_column{ width:230px; float:left;}
body.column_type1 #center_column{ width:475px; margin:0 7px 0 7px;}
body.column_type1 #right_column{ width:230px; float:left;}

body.column_type2 #left_column{ width:237px; float:none;} /*SUKIMAを加算*/
body.column_type2 #center_column{ width:705px; margin:0 0 0 7px;}
body.column_type2 #right_column{ width:237px; float:none;} /*SUKIMAを加算*/

body.column_type3 #left_column{ width:230px; float:none;}
body.column_type3 #center_column{ width:712px; margin:0 7px 0 0;} /*SUKIMAを加算*/
body.column_type3 #right_column{ width:230px; float:none;}

body.column_type4 #left_column{ width:230px; float:left; }
body.column_type4 #center_column{ width:475px; }
body.column_type4 #right_column{ width:230px; float:left; margin:0 7px 0 7px;}

body.column_type5 #left_column{ width:230px; float:left; margin:0 7px 0 7px;}
body.column_type5 #center_column{ width:475px; }
body.column_type5 #right_column{ width:230px; float:left;}

#center_column{ float:left; }


/*-----------------
ウィジェット - カラム - ラッパー
target_wrap
カラムタイプが2,3の場合必要
------------------*/
#target_wrap{
padding-bottom: 100px;
}

#target_wrap #left_column{ padding-bottom:0; }
#target_wrap #right_column{ padding-bottom:0; }

.header_wrap{
position: relative;
}



/*-----------------
ウィジェットないときに必要
------------------*/
#column_frame .widgets{
padding-bottom: 100px;
}

#header_column.widgets,
#footer_column.widgets
{
padding-bottom: 15px;
}

/*-----------------
ウィジェット - 共通
.widget
------------------*/
.front_screen .widget{
margin: 0 0 5px 0;
height:100%;
zoom:1;
}


/******************
各ウィジェットは、.widgetと同階層に.widget_○○と各ウィジッェトトタイプごとのクラスを保持している。
フリーテキストウィジェットなら、widget_textとなる。
******************/


/*---------------------------------------
各ウィジェット - ヘッダー

----------------------------------------*/
.front_container #main_title a{
text-decoration: none;
}

.front_container #header h1,
.front_container #header h2,
.front_container #header h3 {
margin:0;
}

.front_container #main_title {
position: absolute;
z-index: 3;
}

.front_container #freetext {
position: absolute;
z-index: 2;
}

.front_container #header_back {
position:absolute;
width:950px;
z-index: 1;
}


/*-----------------
各ウィジェット - 新着ページ

------------------*/
.widget_list{

}

/*-----------------
各ウィジェット - キービジュアル

------------------*/

.front_container #keyvisual {
overflow: hidden;
position: relative;
width: 950px;
}

.front_container #keyvisual_back {
position:absolute;
width:950px;
z-index: 1;
}

/*-----------------
各ウィジェット - フッター

------------------*/
.footer{
margin:10px 0;
text-align: center;
}

#footer {
overflow: hidden;
position: relative;
width: 950px;
}

#footer #copyright {
position: absolute;
width: 950px;
z-index: 2;
}

/*---------------------
各ウィジェット - タグクラウド

----------------------*/
.widget_tagcloud{
}

/*---------------------
各ウィジェット - テキスト

----------------------*/
.widget_text{

}

/*---------------------
各ウィジェット - RSS

----------------------*/
.widget_rss{
}

.widget_rss li{
margin:3px 0;
}

/*---------------------
各ウィジェット - サイト内検索

----------------------*/
.widget_sitesearch_contents{
text-align: center;
}
.widget_sitesearch .sitesearch_input{
width:60%;
}


/*---------------------
各ウィジェット - バナー

----------------------*/
.widget_banner{
text-align: center;
}

/*---------------------
各ウィジェット - DOGバナー

----------------------*/
.widget_dogbanner_title{
text-align: center;
font-size:80%;
}

.widget_dogbanner_desc{
text-align: center;
font-size:80%;
}

/*---------------------
各ウィジェット - QR

----------------------*/
.widget_qr{

}

/*---------------------
各ウィジェット - QR

----------------------*/
.widget_rss ul {
list-style-type: none;
padding:0;
margin:0;
}

.widget_rss ul li{
margin:0 0 5px 5px;
}




/*---------------------
各ウィジェット - サブメニュー
wsm = widget_submenu
----------------------*/
.widget_submenu ul.wm li{
float:none;
}


/*---------------------
各ウィジェット - パンクズ
topicpath
----------------------*/
ul#topicpath{
margin:0;
padding:0;
list-style:none;
clear:both;
}

#topicpath li{
display:inline;
float:left;
margin-right:10px;
}

#topicpath li .current{
color:#888;
}

#topicpath li a{
display:block;
}