@charset "utf-8";

html{overflow-y:scroll;}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, img, a img,
dl, dt, dd, ol, ul, li
 {
    margin : 0px ;
    padding : 0px ;
    border : 0px ;
    outline : 0px ;
    font-size:100%;
    vertical-align:baseline;
    list-style:none;
}

body {
    font-size : 13px;
    font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif";
	width: 100%;
	min-width: 900px;
	color: #333;/*サイト全体の文字色*/
	background: url(../images/bg.png) repeat left top;/*サイト全体の背景色*/


}
ul, li {
    list-style-type : none;
}

a {
    text-decoration: none;
    color: #C00;/*リンクの色*/
}
h1, h2, h3, h4{
	margin: 0px;
	padding: 0px;
}

/*リンクのマウスオーバー色*/
a:hover {
position: relative;
top: 1px;
left: 1px;
text-decoration: none;
}

#main_area{
	width: 980px;
	margin: 5px auto;
background:#fff;
-webkit-box-shadow: 2px 2px 6px #808080;
-moz-box-shadow: 2px 2px 6px #808080;
box-shadow: 2px 2px 6px #808080;
}
#conteiner{
	width: 820px;
	margin: 0px auto;
}
#header_area{
/*	background: #000;*/
/*	text-align: center;*/
padding-top:10px;
}



#header_area h1 {
font: 13px/1.8 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 123%;
margin-top: 0 auto;
line-height: 1.4;
text-shadow: 0 1px white;
margin-bottom: 5px;
width:820px;
text-align:center;
font-size:30px;
}
#header_area h1 a {
display: block;
color:#d45180;
text-decoration: none;
}
#header_area h1 a span {
background: url(../images/under.png) repeat-x 0 100%;
padding-bottom: 2px;
}
/*ディスクリプションのとこ*/
#header_area h2{
	font-size: 14px;
	color: #222;
	padding: 10px 10px 20px 10px;
	width: 820px;
	margin: 0px auto;

}

#conteiner img{
	display:block;
	-webkit-border-radius: 5px;
    border-radius: 5px;

}
#main{
	overflow: hidden;
	margin: 10px 0px;
	padding: 10px 0px 0px 0px;

}

.text_box, .news_box{
	padding: 20px 20px 20px 20px;
/*	background: url(http://www.officialmadelinecarroll.com/wp-content/themes/ft_puranbsan69/images/lined_paper.png) top left repeat;*/
	margin-bottom: 20px;
	border-bottom: #222 solid 1px;
}
 .topics_box, .sitemap_box{
	padding: 20px 20px 20px 20px;
	background: #fff;/*コンテンツ記事の背景色*/
	margin-bottom: 20px;
	border: #333 solid 1px;
}
.text_box p, .sitemap_box p{
	margin: 0px 20px 15px 20px;
}
.text_box h2{
	padding: 0px 0px 7px 0px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #000;
	text-align: center;
border-bottom:5px solid #ddd;
}
.text_box h3{
	padding: 0px 0px 7px 20px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #000;
/*	text-align: center;*/
border-left:5px solid #ddd;

}

.text_box h4{
	padding: 0px 0px 7px 20px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #000;
/*	text-align: center;*/
border-left:3px solid #ddd;
}

.text_box h5{
	padding: 0px 0px 7px 20px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #000;
/*	text-align: center;*/
border-left:2px solid #ddd;
}







/*記事タイトルの部分*/

.content_title{
margin-top: 0 auto;
line-height: 1.4;
text-shadow: 0 1px white;
margin-bottom: 5px;
width:820px;
font-size:30px;
color:#d45180;
}
 
.content_title a{
color:#d45180;
border-bottom:1px dotted #d45180;
}
.news_title{
  color: #222;
  font-size: 20px;
  line-height: 1;
padding:15px 15px 15px 60px;
background-color:#fff;
background-image:url(../images/newsletter_newspaper_icon.png);
background-position:2% 50%;
background-repeat:no-repeat;
border-top:1px solid #222;
border-left:1px solid #222;
border-right:1px solid #222;
border-bottom:4px solid #ddd;
 /* ▼CSS3 */
   border-top-left-radius: 5px;  /* 左上 */
   border-top-right-radius: 5px; /* 右上 */

   /* ▼Safari,Chrome */
   -webkit-border-top-left-radius: 5px;  /* 左上 */
   -webkit-border-top-right-radius: 5px; /* 右上 */

   /* ▼Firefox */
   -moz-border-radius-topleft: 5px;  /* 左上 */
   -moz-border-radius-topright: 5px; /* 右上 */
}
.news_box dl{
	margin: 10px 20px;
	overflow-y: auto;
	max-height: 230px;
	_height: 230px;
	
}

.news_box dt{
	float: left;
	margin-right: 20px;
	padding: 10px 0px 0px 0px;

}
.news_box dd{
	text-align: justify;
	padding: 10px 0px 0px 0px;
}
.topics_box h4{
    margin : 10px 10px 0px 10px;
	padding-left: 10px;
	font-weight: bold;
}

.topics_box p{
    margin : 2px 20px 20px 20px;
}

.sitemap_box ul{
	text-align: justify;
	padding-left: 20px;
}
.sitemap_box li{
	background: url(http://www.officialmadelinecarroll.com/wp-content/themes/ft_puranbsan69/images/li_style.jpg) no-repeat left 8px;
	padding: 2px 5px 10px 20px;
}
#footer{
	clear: both;
	background: #000;/*フッター部分の背景色変更*/
}
#footer p{
	text-align: center;
    display : block;
    padding : 30px 0px;
    margin : 0px auto;
	color: #fff;/*フッター部分の文字色変更*/
	width: 840px;

}
.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

/*サイドバーエリア*/
.side{
	width: 820px;
	margin: 0px auto;
}

.widget-area{
float:left;
padding:5px;
width:240px;
margin:5px 5px 30px 5px;
background:#fff;/*サイドバー部分の背景色*/
	border: #333 solid 1px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.widget-area ul li{
display:block;
padding:8px 5px 8px 25px;
background-image:url(../images/check.png);
background-position:2% 15%;
background-repeat:no-repeat;
border-bottom:1px dotted #bbb;
}
.widget-area ul li a{
line-height:1.0em;
}

.widget-area ul li li:first-child{
margin:10px 0 0 0 ;
border-top:1px dotted #bbb;
}

.widget-title{
font-size:15px;/*サイドバータイトルの文字の大きさ*/
border-bottom:2px solid #ddd;
margin-bottom:3px;
}


.topback {
font-size:10px;
background:#222;/*トップへ戻るの色*/
float:right;
padding: 5px 15px 5px 15px;
margin: -25px 15px 0px 0px;
display: inline;
margin-right:200px;
}

.topback a {
color:#FFFFFF;
}



/*ナビゲーション部分の装飾*/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
	width: 820px;
	margin: 0px auto 10px auto;
  height: 49px;
/*  background: #eee;*/
/*  border-bottom: 2px solid #F3F1EC;*/
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
/*  background: #eee;*/
  color: #d45180;
  display: inline-block;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}

/*ナビゲーション下部分の▼の部分*/
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #F3F1EC;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
/*リストタグの始めのデザイン*/
}
#cssmenu > ul > li:last-child > a {
/*リストタグの後のデザイン*/
}
#cssmenu > ul > li.active a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;

}
#cssmenu > ul > li:hover > a {
  background: #ece
}
#cssmenu .page_item {
  z-index: 1;
}
#cssmenu .page_item:hover > ul {
  display: block;
}
#cssmenu .page_item ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .page_item ul li {
  *margin-bottom: -1px;
}
#cssmenu .page_item ul li a {
  background: #F3F1EC;
  border-bottom: 1px dotted #ac6dd0;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .page_item ul li:hover a {
 background: #ddd;/*ナビゲーションのホバー時子ページ*/
}
#cssmenu .page_item .page_item:hover > ul {
  display: block;
}
#cssmenu .page_item .page_item ul 
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .page_item .page_item ul li a {
  background: #540980;
  border-bottom: 1px dotted #996bb3;
}
#cssmenu .page_item .page_item ul li a:hover {
  background: #350551;
}

/*ウジェットのカレンダー*/
#calendar_wrap{
background:#fff;
margin-bottom:10px;
padding:5px;
}

/*タグ欄*/

.tagcloud{
margin-bottom:10px;
padding:5px;
}