@charset "UTF-8";
/*
Theme Name: cloudtpl_601
Theme URI: http://c-tpl.com/
Description: cloudtpl_601
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
}


a:link,a:visited{color:#c35189;text-decoration:none;}
a:hover{color:#367f93;}
a:active, a:focus {outline:0;}
img{border:0;}



/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul,#header2, #mainNav2, #wrapper2{
margin:0 auto;
width:880px;
clear:both;
}

#sidebar{
float:left;
width:233px;
padding:22px 0 50px;
}

#main{
float:right;
width:627px;
padding:22px 0 50px;
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:232px;
background:#fff url(images/wall.jpg) repeat-x 0 0;
}

#header{
position:relative;
height:232px;
}

#headerWrap2{
height:190px;
background:#fff url(images/wall2.jpg) repeat-x 0 0;
}

#header2{
position:relative;
height:190px;
}

#header h1,#header h2,#header p{
position:absolute;
top:26px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

#header h1 {
font-size: 22px;
padding:5px 0;
font-weight:bold;
}


#header2 h2,#header p{
position:absolute;
top:26px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

#header2 h1{
padding-top:5px;
font-size:10px;
font-weight:normal;
}

/* スローガン */
#header h1{
top:2px;
left:0;
color:#555;
}

/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
position:absolute;
top:354px;
height:45px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav li{
text-indent: -5000px;
float:left;
}

ul#mainNav a{
display: block;
width: 176px;
height: 45px;
background:url(images/mainNav1.jpg) no-repeat 0 0;
}

ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -45px;}

ul#mainNav li.menu-item-2 a{background-image:url(images/mainNav2.jpg);}
ul#mainNav li.menu-item-3 a{background-image:url(images/mainNav3.jpg);}
ul#mainNav li.menu-item-4 a{background-image:url(images/mainNav4.jpg);}
ul#mainNav li.menu-item-5 a{background-image:url(images/mainNav5.jpg);}	


/************************************
/* 下層ページナビゲーション
************************************/
ul#mainNav2{
position:absolute;
top:147px;
height:45px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav2 li{
text-indent: -5000px;
float:left;
}

ul#mainNav2 a{
display: block;
width: 176px;
height: 45px;
background:url(images/mainNav1.jpg) no-repeat 0 0;
}

ul#mainNav2 li.current_page_item a,ul#mainNav2 li.current-menu-item a,ul#mainNav2 li a:hover{background-position:0 -45px;}

ul#mainNav2 li.menu-item-2 a{background-image:url(images/mainNav2.jpg);}
ul#mainNav2 li.menu-item-3 a{background-image:url(images/mainNav3.jpg);}
ul#mainNav2 li.menu-item-4 a{background-image:url(images/mainNav4.jpg);}
ul#mainNav2 li.menu-item-5 a{background-image:url(images/mainNav5.jpg);}	



/*******************************
/* メイン
*******************************/

h3.heading{
clear:both;
padding-left:30px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(images/headingBg.png) no-repeat 0 0;
}

.article{
border:0;
margin:0 0 20px 0;
padding: 0 10px 0 10px;
background:none;
border:1px solid #dcdcdc;
}

.article_cell{
clear:both;
padding:20px 0 25px;
border-bottom:1px dashed #dcdcdc;
}

.main{
padding:20px 10px 20px 10px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
}

.last{border-bottom:none;}

#main h2{
padding:0px 10px 10px 10px;
font-size:16px;
color:#333333;
border-bottom:1px solid #dcdcdc;
}

.main h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#c35189;
}

.article h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#c35189;
}

.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px 0 10px;
}

.article p{
padding:0 10px 0 10px;
}

.picture{
width:193px;
float:left;
text-align:center;
background-color:#ffffff;
border-top:1px solid #eaeaea;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
border-left:1px solid #eaeaea;
padding:5px 0 5px 0;
margin:5px 0 0 5px;
}

.picture:hover{
background-color:#fffaef;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#333333;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:30px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(images/side_headingBg.png) no-repeat 0 0;
}

#sidebar ul{
overflow:hidden;
padding:0 0 10px 17px;
border:1px solid #dcdcdc;
margin-bottom:20px;
}

#sidebar ul li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #dcdcdc;
}

#sidebar ul a:link,#sidebar ul a:visited{
display: block;
padding-left:12px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(images/linkArrow.gif) no-repeat 0 50%;
}

#sidebar ul a:hover, #sidebar ul li.current_page_item a, #sidebar ul li.current-menu-item a{color:#c35189;}

#sidebar ul li.last{border-bottom:none;}

#sidebar p{margin-bottom:20px;}

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
background:#909090;
}

#footer ul{
padding:25px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 16px;
border-left:1px dotted #d5d5d5;
}

#footer li a{
text-decoration:none;
color:#fff;
}

#footer li a:hover{color:#dadada;}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#fff;
font-size:10px;
}