@charset "utf-8";

/* ************************************************
                                                 
　クラススタイル

************************************************ */ 

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

　パンくず

------------------------------------------------ */
p.topicpath {
	height: 40px;
	height: auto!important;
	padding-top: 5px;
	min-height: 40px;
	font-size: 85%;
}

p.topicpath img {
	vertical-align: middle;
}

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

　トピックス

------------------------------------------------ */
#main .topics {
	margin: 3px 0 20px 0;
}

/* アイコンが無い場合 */
#main .topics.no-icon {
	margin-top: 20px!important;
}

/*　アイコンリスト
-----------------------------------*/
#main ul.icons.top {
	height: 20px;
	margin-top: 3px;
	display: block;
}
		/* safari only */
		html[xmlns*=""] body:last-child #main ul.icons.top {
 letter-spacing: -1px
}

#main ul.icons {
	margin: 0; 
	font-size: 77%;
	color: #666;
	text-transform: uppercase;
	display: inline;
	letter-spacing: 0px;
}

#main ul.icons li {
	margin-right: 1px;
	display: inline;
	zoom: 1;
}

#main ul.icons li img {
	margin-right: 2px;
	vertical-align: text-bottom;
}

/*　日付
-----------------------------------*/
#main .topics dl{
	margin-top:20px;
}

#main .topics dt {
	font-size: 85%;
	font-weight: normal;
	display: inline;
}

/*　記事タイトル
-----------------------------------*/
#main .topics dd {
	padding: 10px 0 10px 15px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
	background: url(../img/arrow_or_m_dot.gif) no-repeat left center;
}

#main .topics dd.icons {
	padding-left: 0;
	border: none;
	display: inline;
	background: none;
}

#main .topics dd a:link, #main .topics dd a:visited {
	color: #333;
}

#main .topics dd a:active, #main .topics dd a:hover {
	color: #ff7000;
	text-decoration: none;
}

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

　矢印ページ内リンク

------------------------------------------------ */
ul.menu {
	margin: 0 0 20px 0;
	background-color:#f8f8f8;
	padding:5px 10px;
}

ul.menu li {
	margin-right: 20px;
	line-height: 1.6em;
	text-transform: uppercase;
	display: inline;
	zoom: 1;
}

ul.menu li a:link, ul.menu li a:visited {
	padding-left: 20px;
	color: #333;
	background: url(../img/arrow_gr_m_01.gif) no-repeat left center;
}

ul.menu li a:hover, ul.menu li a:active {
	padding-left: 20px;
	color: #ff7000;
	text-decoration: none;
	background: url(../img/arrow_gr_m_01_on.gif) no-repeat left center;
}

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

　トップリンク

------------------------------------------------ */
p.pagetop {
	height: 12px;
	height: auto!important;
	margin: 30px 0 20px;
	min-height: 12px;
	font-size: 85%;
	text-align: right;
}

p.pagetop img {
	margin-right: 5px;
	vertical-align: top;
}

/* ************************************************
                                                 
　使用スタイルパターン

************************************************ */ 

/*　見出し系
----------------------------------- */
#main h2, .title01 {
	padding: 5px 5px 5px 10px;
	margin-bottom: 20px;
        background-color: #eee;
	border-left: 5px solid #FFA59C;
	color:#666;
	font-size:116%;
}

.title02 {
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	border-bottom: none;
	border-left: 3px solid #ff7000;
	font-size: 108%;
	color: #ff7000;
}

.title03 {
	padding-left: 30px;
	border-bottom: 1px dotted #666;
	font-size: 161.6%;
	color: #666;
	text-transform: uppercase;
	background: url(../img/arrow_or_m_01.gif) no-repeat 0 2px;
}

/*　角丸グレー02
----------------------------------- */
.r_gr02 {
	padding: 15px 15px 5px 15px;
	background: url(../img/bg_round_gr02_head.gif) no-repeat 0 0;
}

/*　角丸トジ　*/
	.r_gr02_foot {
	height: 10px;
	width: 620px;
	background: url(../img/bg_round_gr02_foot.gif) no-repeat left bottom;
}

/*　リンク
----------------------------------- */
/*　アイコンつき　or_s　*/
.or_s, .or_s ul {
	padding-left: 15px;
	background: url(../img/arrow_or_s.gif) no-repeat left center;
	list-style: none;
}