@charset "euc-jp";

/*
【1】リンク CSSファイル設定
【2】全ページ基本設定
【3】共通クラスセレクタ
【4】共通コンテンツ
【5】レイアウトを構成する基本設定
【6】プライバシーポリシー設定
*/


/* 【1】リンク CSSファイル設定 
////////////////////////// */


@import url(css/navi.css);
@import url(css/header.css);
@import url(css/footer.css);
@import url(css/system.css);
@import url(css/toppage.css);  /**トップページ　カスタムブロック用 **/
@import url(css/pico.css);  /** picoモジュール用 **/


/* 【2】全ページ基本設定 
////////////////////////// */


* {
	margin:0px;
	padding:0px;
}

body{
	color:#333333;
	font-size:13px;
	margin:0;
	padding:0;
	background-image: url(/themes/design2/images/bg_body.gif);
	background-repeat: repeat;
}


img { border:none;}

BLOCKQUOTE{
	margin: 10px 40px 20px 20px;
	padding: 5px 10px;
}

p {
	font-size:14px;
	line-height:1.8em;
	padding:0 0 0 12px;
}

td p {
	font-size:14px;
	margin:0;
	padding:0;
}


strong { font-weight:bold;}

em { font-style:normal;}

abbr,acronym {
	font-style:normal;
	border-bottom : 1px dotted;
	cursor : help;
}

img { border:none;}

pre {
	font-size : 90%;
	font-family:monospace;
	text-align:left;
	line-height:1.5em;
	border:solid 1px #59493F;
	padding:0.5em;
	margin:1em auto;
	overflow:auto;
	width:95%;
}

/* for Windows IE \*/
pre {
	overflow:scroll;/*縦スクロールバーが表示されるのを回避*/
}/* */


/* リンクカラーの設定（基本）
---------------------------*/

a:hover  {
	color:#0077CC;
	text-decoration:none
}
	
a:link {
	color: #0077CC;
}
			

a:active {
	color: #0077CC;
}
			
a:visited{
	color: #336699; 
}




/* 【3】共通クラスセレクタ 
////////////////////////// */

/**改行**/
br.clear {
	clear: both;
	font: 0px/0px sans-serif;
}

/**文字赤く強調**/
.red {
	font-weight: bold;
	color: #FF0000;
}

.orange { color:#F4A56A;}

.red { color: #C00;}

.brown { color:#59493F;}

.gray { color:#ccc;}

.bold { font-weight:bold;}



/**文字サイズ**/
.small { font-size:x-small;}

/**四方にmargin(5ピクセル)**/
.margin5 {
	margin: 5px;
}
	
/**四方にmargin(10ピクセル)**/
.margin10 {
	margin: 10px;
}


/**画像を左側に配置して、文字を右側に回りこませる**/
.left {
	clear: both;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/**画像を右側に配置して、文字を右側に回りこませる**/
.right {
	clear: both;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}


/**ryus_date プラグイン用**/

/*Newマーク用  当日用***/
.new1{ 
font-size: 80%; 
font-weight: normal; 
color:#FFFFFF; 
}

/*Newマーク用 投稿日翌日から1週間付くnewマーク(無背景の赤字)*/
.new2{
font-size: 80%; 
font-weight: normal;
color:#FF0000; 
}


/* リストにマークをつける リストマークがグリーン*/ 

ul.ul_green{
	list-style-position: outside;
	list-style-image: url(/images/list13.gif);
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 30px;
}




/* ページの上に戻る*/ 
p.gototop {
	font-size:8pt;
	text-align: left;
	clear: both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}



/* 【4】共通コンテンツ
////////////////////////// */


/* システムブロックの設定 */
/* ===================================================== */

/* 中央-中央ブロック */
/* ----------------------------------------------------- */

/* ブロックタイトル */
#centerCcolumn .blockTitle {
	border:medium none;
	font-size:16px;
	font-weight:normal;
	height:35px;
	line-height:100%;
	margin:0 0 10px;
	padding:10px 0 0 12px;
}
/* ブロックコンテンツ */
#centerCcolumn .blockContent {
	padding:0px;
	margin-bottom: 25px;
}



/* 中央-Lブロック */
/* ----------------------------------------------------- */

/* ブロックタイトル */

/* ブロックコンテンツ */
#centerLcolumn .blockContent {
	margin-bottom: 15px;
	background-color: #99FFCC;
}



/* 中央-Rブロック */
/* ----------------------------------------------------- */

/* ブロックタイトル */

/* ブロックコンテンツ */

#centerRcolumn .blockContent {
	margin-bottom: 15px;
	background-color: #99FF66;
}


#centerRcolumn .blockContent p {
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}


/* 右ブロック */
/* ----------------------------------------------------- */

/* ブロックタイトル */
#rightcolumn .blockTitle{
	line-height:250%;
	background-image:url(/themes/design2/images/bg_Rblock_01.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-weight: bold;
	color: #ffffff;
	width: 220px;
	background-position: left bottom;
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 36px;
	padding-top: 0px;
	text-align: center;
	font-size: 12px;
}

/* ブロックコンテンツ */
#rightcolumn .blockContent{
	width: 220px;
	margin-bottom:25px;
	font-size: 12px;
}

#rightcolumn .blockContent p{
	font-size:12px;
	padding:0em 1em;
	line-height: 150%;
}

/* ユーザメニュー・ログインメニュー（右ブロック） */
/* ----------------------------------------------------- */

#usermenu, #online, #block_login{
	width: 215px;
	background-image: none;
	border: 1px solid #C6BD8A;
	padding: 5px;
}

#usermenu p, #online p, #block_login p{
margin:0;
padding:0;
}

#usermenu li{
	padding:0px 0px 0px 3px;
	margin-left: 10px;
}



/* メインメニュー（右ブロック） */
/* ----------------------------------------------------- */

#mainmenu table{
	background-repeat: repeat-y;
	background-position: center;
	width: 220px;
}
td#mainmenu{
	width: 220px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ECE9D8;
	border-right-color: #ECE9D8;
	border-bottom-color: #ECE9D8;
	border-left-color: #ECE9D8;
	background-repeat: repeat-y;
	background-position: center;
}
#mainmenu a {
	text-align:left;
	display: block;
	margin: 0;
	padding: 4px;
}
#mainmenu a.menuTop {padding-left: 3px;}
#mainmenu a.menuMain {padding-left: 3px;}
#mainmenu a.menuSub {padding-left: 9px;}

#mainmenu a {
	background-image: url(../../images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-decoration: none;
	color: #555555;
	padding-left: 5px;
}

#mainmenu a:hover {
	background-image: url(/images/list10.gif);
	text-decoration: underline;
	color: #993300;
}

#mainmenu a.menuTop {
	background-image:url(/images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 28px;
	padding-top: 3px;
	font-size: 12px;
}

#mainmenu a.menuMain {
	background-image:url(/images/arrow_01.gif);
	background-repeat: no-repeat;	
	background-position: 10px;
	padding-left: 28px;
	padding-top: 3px;
	font-size: 12px;
}

#mainmenu a.menuSub {
	background-image:url(/images/arrow_01.gif);
	background-repeat: no-repeat;	
	background-position: 10px;
	margin-left: 15px;
	padding-left: 28px;
	font-size: 12px;
}


/* 【5】レイアウトを構成する基本設定 */
/* ----------------------------------------------------- */


/*右コンテンツと左サイドバーを内包するメインボックス
-------------------------------------------------*/

#wrap {
	background-image:url(images/bg_img.gif);
	background-repeat:repeat-y;
	margin:0 auto;
	min-width:950px;
	width:950px;
	padding:0px 30px 0px 30px;
}

/*トップイメージを内包するボックス
--------------------------------*/
/* コンテンツエリア(中央ブロック・右ブロックエリア全体) */
#topimage {
	margin: 0px;
	padding: 0px;
}

/*左ブロックを内包するボックス
--------------------------------*/
/* コンテンツエリア(中央ブロック・右ブロックエリア全体) */
#contents {
	width:950px;
	margin: auto;
	padding:15px 0px 15px 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* 中央ブロック */
#centercolumn {
	width:710px;
	float:right;
	padding-bottom: 10px;
}

/* 中央-中央ブロック */
#centerCcolumn {
	width: 710px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0;
}

/* 中央-左ブロック */
#centerLcolumn {
	float:left;
	width: 355px;
	clear: both;
}


/* 中央-右ブロック */
#centerRcolumn {
	float:right;
	width: 355px;
}

/* モジュールコンテンツブロック */
#content {
	width: 710px;
	clear: both;
}


/*右サイドバーを内包するボックス
--------------------------------*/
/* 右ブロック */
#rightcolumn {
	width:220px;
	float:right;
	padding-bottom: 15px;
}


/* ------------------------------------- 
 *	【6】プライバシーポリシー
 * ------------------------------------- */

#privacy {
	width:540px;
	margin:10px 0px;
}

#privacy dt {
	padding:5px;
	border-bottom:1px dotted #CCCCCC;
	
}

#privacy dd {
	line-height:1.5;
	border-bottom:1px solid #CCCCCC;
	padding:10px 10px 30px 10px;
}



li{
 list-style-type:none;
}

/*左サイドバーを内包するボックス--------------------------------*/
/* 左ブロック */
#leftcolumn {
	width:200px;
	float:left;
	padding-bottom: 15px;
}

/* ブロックタイトル */
#leftcolumn .blockTitle{
	line-height:250%;
	background-image:url(/themes/design2/images/bg_Lblock_01.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-weight: bold;
	color: #000033;
	width: 215px;
	background-position: left bottom;
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 26px;
	padding-top: 10px;
	text-align: left;
	font-size: 12px;
	padding-left: 5px;
}

/* ブロックコンテンツ */
#leftcolumn .blockContent{
	margin-bottom:25px;
	font-size: 12px;
}

#leftcolumn .blockContent p{
	font-size:12px;
	padding:6px 3px 6px 3px;
	line-height: 150%;
}

#navi #g_navi li.g_navi2_03 a {
	animation: Flash4 2s steps(2) infinite;
	animation-play-state: running;
}

@keyframes Flash4{
  from{
  	box-shadow: 0 0 5px 3px #F90;
  		
  }
  to{
    box-shadow: none;
  }
}