

body {
	margin:0;
	padding:0;
	background:url(images/pattern8-pattern-58b.png) ;
	font-family:"ヒラギノ角ゴ Pro W3","Lucida Grande","Segoe UI","Bitstream Vera Sans",Tahoma,Verdana,Arial,sans-serif;
	color:#161514;
	font-size:13px;
	}
img {
	border:0;
	margin:0;
	}
a {color:#B72854;  }
a:hover {
	color:#d53030;
	text-decoration:none
		}
h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px;
	padding:0px 0px
	}
blockquote {
	padding-left:10px;
	color:#31333F;
	font-style:normal;
	border-left:2px solid #07A0E3;
		
	}
.clear {
	clear:both;
	}

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 5px 5px;
	margin: 0px 0px 10px 0px;
	display: inline;
	background:#fff;
	border: 1px solid #DDDDDD;
	}

img.alignright {
	padding: 5px 5px;
	margin: 0px 5px 10px 10px;
	display: inline;
	background:#fff;
		border: 1px solid #DDDDDD;
	}

img.alignleft {
	padding: 5px 5px;
	margin: 0px 10px 10px 5px;
	display: inline;
	background:#fff;
	border: 1px solid #DDDDDD;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	border: 1px solid #DDDDDD;
	text-align: center;
	background-color: #ffffff;
	padding: 4px 0px 5px 0px;
	margin: 5px 5px ;
	}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}

/* The Outer cover */
#backwrap{
  background:url(images/logo-big-main.png) no-repeat center 240px;

}
#wrapper {
  margin:0 auto;
  width:1100px;
}
	
#casing {
	padding:0px 0px 0px 0px;
	clear:both;
	}		
	
.l_txt{
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	background-color:#D3F900;

}
	
.topad{
	height: 25px;
	text-align:center;
	margin-bottom: 0px;
	background:#fff;
	padding-top:7px;
	color:2079a6; 


}
span.topfeed {
	background:url(images/rss.png) no-repeat;
	padding: 1px 0px 0px 20px;
	float:left;
	margin:8px 0px 0px 10px;
	height:20px;

}
	
	
/* The Header */

.headbanner{
	border:1px solid #000000;

}
.blogname {

	}
.blogname div {
	float:left;
}
.blogname h1{
	margin:3px 0 0 15px;
	padding:0;
	float:left;
	}
.blogname h2 {
	margin:2px 0px 0px 30px;
	font-size:12px;
	font-weight:normal;
	color:#343434;
	text-align:left;
	text-transform:uppercase;
	}


/*************** Header **********/
.fav_tag{
	background:#B72854;
	color:#FFFFFF;
}
.fav_tag_inner{
	width:1100px;
	margin:0 auto;
	padding:0px 10px;

}
.tabber{display:none;}
/*************** The Search **********/
#search {
	width:326px;
	font-size:16px;

}
#search form {
	margin:10px 0 0 0;
	padding: 0;
}
#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#search p {
	margin: 0;
	font-size: 85%;
}

#s {
	width:300px;
	height:45px;
	padding:10px;
	font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
	color:#434343;
	text-shadow:1px 1px 1px #fff;
	background:#DEE1E4;
	border:1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;


}

#searchsubmit {
	font: bold 100% "Georgia", Arial, Helvetica, sans-serif;
	color:#006699;
	margin-top:10px;
}

.feed{
	
	width:315px;
	overflow:hidden;

	margin:5px 5px 0px 2px;
	padding:0px 5px 5px 5px;
	height:75px
}
.feed form {
	margin: 0;
	padding: 0;
}

.feed fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.feed p {
	margin: 0;
	font-size: 85%;
}

.input{
	margin:35px 0px 0px 8px;
	float: left;
	width:220px;
	padding: 6px 2px 7px 5px;
	border:none;
	font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
	color:#555;
	background:#d3d6d7;
	
}

.sbutton{
	float:left;
	border:none;
	font: bold 100% "Tahoma", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height:29px;
	background:#2676A1;
		margin:35px 0px 0px 8px;
}


/*TOP-Page menu*/


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#menu {
	height:79px;
	font: 12px Tahoma,Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	padding:10px 0 0 0;

	}
#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	float:right;
	
	}
	
#menu ul li {
	float: left;
	margin: 0px 30px 0px 0 ;
	padding: 0px 0px;
	text-indent:-9999px;
	}
#menu ul li.menu-text-prof{
	background:url(images/menu-text.png);
}
#menu ul li.menu-text-prof a:hover{
	background:url(images/menu-text.png) 0 50px;
}
#menu ul li.menu-text-work{
	background:url(images/menu-text.png) 248px 0;
}
#menu ul li.menu-text-work a:hover{
	background:url(images/menu-text.png) 248px 50px;
}
#menu ul li.menu-text-contact{
	background:url(images/menu-text.png) 124px 0;
}
#menu ul li.menu-text-contact a:hover{
	background:url(images/menu-text.png) 124px 50px;
}
#tw{
	float:left;
	width:582px;
	height:79px;
	background:url(images/tw-text.png) no-repeat;
}
#tw-text{
	padding:0 15px 3px 10px;
}
	
#menu ul li a {
	display: block;
	width:124px;
	height:50px;
	}
	
#menu ul li a:hover,#menu.current_page_item a {
	color: #006699;
	display: block;
	text-decoration: none;
  
	}



/* Category menu*/
	

#catmenu{
	display:inline;
}
.categories ul{
	float:left;

}
#catmenu ul {
	float: left;
	display:inlilne;
	margin: 0px;
	padding: 0px;
	}
	
#catmenu li {
	float: left;
	list-style: none;
	padding: 8px 10px 7px;
	}
#catmenu li a {
	color:#FFFFFF;
}
	

#social_icon{
	background:#DEE1E4;
	border:1px solid #CCCCCC;
	width:330px;
	height:100px;
	padding:5px;

}
#social_icon ul{
	margin:0 5px;
	padding:3px 10px 0 20px;
}	
#social_icon ul li{
	list-style:none;
	text-indent:-9999px;
	width:95px;
	height:93px;
	float:left;
	margin:0;
}
#social_icon ul li a{
	width:95px;
	height:93px;
	display:block;
	}

#social_icon ul li.social-tw{
	background:url(images/tw-text-icon.png);
}
#social_icon ul li.social-rss{
	background:url(images/tw-text-icon.png) 200px 0;
}
#social_icon ul li.social-hatena{
	background:url(images/tw-text-icon.png) 102px;
}
#logo{
	text-indent:-9999px;
	clear:both;

}
#logo h1 a{
	width:1100px;
	height:250px;
	display:block;

}
		
/* Main Content*/	

#content {
	float:left;
	width:65%;
	padding-bottom:50px;
	}
.title{
	margin:0;
	padding:0;
	
}	

.date {
	margin-bottom:10px;
	padding:18px 10px;
   	color:#75481F;
	text-transform: uppercase;
	line-height:3px;
	background:url(images/border-line.png) repeat-x bottom;
	}
	
.single {
	margin:0;
	margin-bottom:20px;
	height:100%;
	padding:0;
	color:#434343;
	font: 16px tahoma, century gothic,Arial,verdana, sans-serif;
		
	}

.single  h1 {
	margin: 5px;
	padding: 5px 0px 0px 10px;
	text-align: left;
	font: 24px  Georgia,century gothic,Arial,verdana, sans-serif;
	font-weight:700;
	overflow:hidden;
}

.single  h2{
	padding:10px 15px;
	width:98%;
	border:#CCCCCC 1px solid;
	background-color:#DEE1E4;
	font-size:22px;
	font-weight:normal;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.single h2 a{
	color:#B72854;

}
.single  h2 a:hover  {
	color: #31333F;
	}	
.author{
	font-size:16px;
	color:#7C6F66;
	padding:0px 5px 3px 20px;
	background:url(images/user.png) no-repeat 0 3px;
}
.clock{
	font-size:16px;
	color:#7C6F66;
	padding:0px 5px 3px 20px;
	background:url(images/clock.png) no-repeat 0 3px;

}	
.edit{
	color:#0578ad;
	padding:3px 5px 3px 20px;

}	
.edit a:link,
.edit a:visited {
	color:#0578ad;

}
.edit a:hover{
	color:#333;
}


.comm{
	padding:3px 5px 3px 20px;
	background:url(images/comment.png) no-repeat;
	position:relative;
	

}

.comm a:link,
.comm a:visited {
		color:#0578ad;
}
.comm a:hover{
	color:#333;
}

.more{
	padding:0px 0 2px 20px;
	background:url(images/add.png) no-repeat;
	margin-right:5px;
	float:right;
}

.more a:link,
.more a:visited {
		color:#AC0604;
}
.more a:hover{
	color:#d42323;
}


.singleinfo {
	height:15px;
	margin:0px 0px;
	padding: 5px 0px 5px 10px;
	font:12px  Georgia, Arial,century gothic,verdana, sans-serif;
			}
	
.postmore{
	padding:0px 5px 2px 25px;
	float:left;
	font-weight:bold;
	background:url(images/pmore.jpg) left no-repeat;

}

.postmore a:link,
.postmore a:visited {

	color:#fff;

}
.postmore a:hover{

	color:#fff;
}
.category{
	font-size:10px;
	font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
	padding:3px 5px 3px 20px;
	background:url(images/category.png) no-repeat;
	text-transform: uppercase;

}

.category a:link,.category a:visited{
	color:#0578ad;

	}
	
.category a:hover{
	color:#333;
	}
/*----------post ---------------*/
h2.str{
	font-size:1.2em;
	margin:15px 0;
	background:#E1E5EB;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	color:#434343;
	padding:10px 15px;


}

.entry {
	margin:0 0;
	padding: 0px 5px 5px 5px;
	line-height:20px;
	font-size:1.15em;
	}
.entry h3{
	margin:13px;
	padding:5px 10px;
	color:#0575AC;
	line-height:160%;
	text-shodow:1px 1px 1px #fff;
	border-bottom:1px dotted #0575AC;

	font-weight:normal;
}
.entry h4{
	margin:10px;
	padding:5px 10px;
	color:#4F413F;
	font-weight:normal;
	border-bottom:1px dotted #4F413F;

	}
.entry h5{
	margin:8px;
	padding:5px 10px;
}

.entry dl{
	margin:10px;
	}
.entry dt{
	padding:5px;
	font-style:italic;
	}
	


	
code {
	border:1px solid #CCCCCC;
	padding:5px;
	margin:13px;
}
pre {
	border:1px solid #CCCCCC;
	padding:5px 10px;
	margin:13px;
	background:#fefefe;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.entry a:link,
.entry a:visited {
	color: #B72854;
	background-color: transparent;
}
.entry a:hover {
	color:#455236;
	background-color: transparent;
	text-decoration: none;
}
	
	
.entry p{
	margin:5px 5px;
	padding:0 10px;
	font-size:16px;
	line-height:180%;
	color:#434343;
	text-shadow:1px 1px 1px #fff;
}

.related{
	margin: 0px 5px 15px 12px;
	height:100%;
	color:#504945;
	font: 13px tahoma, century gothic,Arial,verdana, sans-serif;
	background:#fff url(images/post.jpg) repeat-x;
	border:1px solid #ccc;
	padding: 0px 0px 10px 0px;
}
.related  h3{
	margin: 0px 0 5px 0;
	padding: 5px 0px 0px 10px;
	text-align: left;
	font: 18px  Georgia,century gothic,Arial,verdana, sans-serif;
	font-weight:bold;
	overflow:hidden;
	text-transform:uppercase;
	color:#07577F;
	}
	
.related ul{
	margin:0px 0px;
	padding:0px 0px;
	list-style-type:none
}

.related ul li{
	margin:0px 0px;
	padding:5px 10px;
	list-style-type:none;
	line-height:24px;
	font: 14px  Georgia,century gothic,Arial,verdana, sans-serif;
	font-weight:bold;
}

.related ul li a:link, .related ul li a:visited{

	color:#222;

}
.related ul li a:hover{
	color:#0A7CAF;

}

/* right column */
#rightcol{
	width:326px;
	float:right;
	padding:0 12px;
	background:url(images/border-line-vartical.png) repeat-y;
	padding-bottom:50px;
	
	
}




/* The Sidebar1 */
.sidebar1{
	float:left;
	width:165px;
	padding-top:5px;
	padding-right:0px;
	font-size:13px;
	font-family:Tahoma,Georgia,Century gothic, Arial, sans-serif;
	}

.sidebar1 h2 {
	line-height:30px;
	font-size:14px;
	color:#fff;
	margin:5px 0 5px 0 ;
	padding:0px 0 0 5px;
	background:#006699;
	font-weight:bold;
	font-family:Georgia,Century gothic, Arial, sans-serif;
	text-transform:uppercase;
	border:1px solid #40494F;


	}
.sidebar1 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar1 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	background-repeat:no-repeat;

	}

.sidebar1 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar1 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar1 ul li {
	height:100%;
	line-height:18px;
	float: left; 
	clear: left;	
	width: 160px;
	}

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
	
	color:#333;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	border-bottom:1px dotted #b9daf2;

	}

.sidebar1 ul li a:hover {
	color: #FFF;
	background:#0083C8;		}

.sidebar1 p {
	padding: 7px 10px;
	margin:0;

	}

.sidebar1 table {
	width:100%;
	text-align:center;

	color:#787d7f;
	}	
	
	
/* The Sidebar2 */	
.sidebar2{
	float:right;
	width:165px;
	padding-top:5px;
	padding-right:5px;
	font-size:12px;
	font-family:Tahoma,Georgia,Century gothic, Arial, sans-serif;
	}

.sidebar2 h2 {
	line-height:30px;
	color:#fff;
	margin:5px 0 5px 0 ;
	padding:0px 0 0 5px;
	background:#006699;
	font-family:Georgia,Century gothic, Arial, sans-serif;
	text-transform:uppercase;
	border:1px solid #40494F;


}
.sidebar2hatena h2 ,sidebar3 h2,
.tab_head,
.sidebar3 h2{
	line-height:100%;
	font-size:22px;
	font-weight:normal;
	color:#C22A59;
	margin:5px 0 5px 0 ;
	padding:10px 10px 10px 36px;
	background:url(images/titiebar_icon.png) no-repeat bottom;
	


}

.sidebar2 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar2 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	background-repeat:no-repeat;

	}

.sidebar2 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar2 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar2 ul li {
	height:100%;
	line-height:18px;
	float: left; 
	clear: left;	
	width: 160px;
	}

.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
	
	color:#333;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	border-bottom:1px dotted #b9daf2;

	}

.sidebar2 ul li a:hover {
	color: #FFF;
	background:#0083C8;
		}

.sidebar2 p {
	padding: 7px 10px;
	margin:0;

	}

.sidebar2 table {
	width:100%;
	text-align:center;

	color:#787d7f;
	}		
	
.sidebar3 ul{
	list-style-type: none;
	margin: 0px 0px ;
	padding: 0px 0px;

}


.sidebar3 ul li {
	height:100%;
	line-height:28px;
	padding: 0px 0px 0px 5px;
	border-bottom:1px dotted #b9daf2;
	}
.sidebar3 ul li ul{
	height:100%;
	line-height:28px;
	padding: 0px 0px 0px 0px;

	}

.sidebar3 ul li ul li {
	height:100%;
	line-height:28px;
	padding: 0px 0px 0px 0px;
	border-bottom:1px dotted #b9daf2;
	}	
.sidebar3 ul li a:link, .sidebar3 ul li a:visited {
	color:#333;
	text-decoration: none;
	padding: 0px 0px 0px 0px;

	}

.sidebar3 ul li a:hover {
	color: #FFF;
	background:#B6D9F5;		}
	
/*Bottom bar */
#footop{	
	margin:0px 0px 0px 0px;
	padding:10px 15px;
	background:url(images/navi.jpg);

	}
			
#footbar{
	padding: 0px 0px 30px 0px;
	margin:0px 0px;
	float:left;
/*	background:#FCFCFC url(images/bottom.jpg) repeat-x;
*/	height:100%;
	font-family:  Tahoma,Georgia,Century gothic, Arial, sans-serif;
}	


.barone{
	float:left;
	width:320px;
	margin-right:5px;
	margin-left:5px;
	font-size:12px;
	color:#6f767e;
	line-height:18px;

}

.barone h2 {
	line-height:30px;
	font-size:15px;
	color:#6f767e;
	margin:20px 0 5px 0 ;
	padding:0px 0 0 5px;
	font-weight:bold;
	font-family:Georgia,Century gothic, Arial, sans-serif;
	text-transform:uppercase;
	
	}
.barone img {
	margin: 2px 2px;
	padding:0px 0px;
	
	
	}	
.barone ul{
	list-style-type: none;
	margin: 0px 0px ;
	padding: 0px 0px;

}


.barone ul li {
	height:100%;
	line-height:28px;
	padding: 0px 0px 0px 5px;
	color:#fff;
	border-bottom:1px dotted #ccc;
	}
.barone ul li ul{
	height:100%;
	line-height:28px;
	padding: 0px 0px 0px 0px;

	}

.barone ul li ul li {
	height:100%;
	line-height:28px;
	padding: 0px 0px 0px 0px;
border-bottom:1px dotted #ccc;;
	}	
.barone ul li a:link, .barone ul li a:visited {
	color:#6f767e;
	text-decoration: none;
	padding: 0px 0px 0px 0px;


	}

.barone ul li a:hover {

	color: #0578ad;
		}

		
/*calendar*/

#wp-calendar{
	width: 100%;
	padding: 0 0 15px;

}

#wp-calendar caption{
	padding: 5px 5px ;
	font-size:16px;
	
}

#wp-calendar th, #wp-calendar td{
	padding: 5px;
	text-align:center;

	color:#252525;
}

#wp-calendar td a{
	background:#fff;
	padding: 5px;
}
#wp-calendar td{
	background:transparent;
}
#wp-calendar td, table#wp-calendar th{
	padding: 2px 0;
}		
	
	
/* --- FOOTER --- */
.cl{
	clear:both;
}
span.wpcf7-not-valid-tip {
	color:#FF0000;
}
footer {
	padding:5px 0 0px 0px;
	color:#000099;
	font-size:12px;
	border-top:1px solid #333;
	background:#3C3939;
	clear:both;
}
#footer_inner{
	width:1100px;
	margin:0 auto;
	color:#FFFFFF;
	padding:10px 100px;
}
.about{
	margin:0 10px;
	width:300px;
	float:left;

}
#footer_inner h3{
	font-size:16px;
	padding:10px;
	background:url(images/footer-line-vartical.png) repeat-x bottom;

}

#footer a:link , #footer a:visited{
	color:#eee;
	}

#footer a:hover {
	color:#fff;
	}
.fleft{
	float:left;
	padding: 0 0 0 15px;

}

.fright{
	float:right;
	padding: 0 15px 0 0;
	color:#FFFFFF;
}


/* The Navigation */

#navigation{	
	margin:0px 0px 0px 0px;
	padding:2px 15px 10px 12px;


	}

	
/* The Attachment 

.contentCenter {
	text-align:center;
	}
*/
/* The Page Title */

h2.pagetitle {
	padding:5px 5px;
	margin:10px 0 10px 5px;
	font-size:26px;
	text-align:center;
	color:#434343;
	text-shadow:1px 1px 1px #fff;
	font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
	}
	
/*magbox*/
	
.post {
	width: 336px;
	margin: 0px 0px 5px 5px;
	padding:3px 0 0 0;
	float: left;
	background:#ebe1d2;
	border:1px solid #ded5c9;
	display:inline;
	color:#6c5b42;
	font-style:italic;
	font-family:Georgia,century gothic,Arial,verdana, sans-serif;
	}

.post h2 {
	margin: 0px 0 0px 0;
	padding: 0px 0px 3px 0px;
	text-align: left;
	font-size: 18px;
	overflow:hidden;
	font-weight:normal;
	height:20px;
	}

.post h2 a, .post h2 a:link, .post h2 a:visited  {
	color:#354151;
	background-color: transparent;
	}
	
.post h2 a:hover  {
	color: #354151;
	background-color: transparent;
	}	

.postinfo {
	height:28px;
	margin: 0 0 0 0px;
	padding: 2px 0px 0px 0px;
	background:#34424F url(images/postinf.jpg)repeat-x;
			}
	
.categ {
	height:14px;
	margin: 1px 0 0 0px;
	padding: 0px 0px 2px 0px;
	overflow:hidden;
	font-size:12px;
}

.categ a:link,.categ a:visited{
	color:#4395be;

	}
	
.categ a:hover{
	color:#ddd;
	font-weight:normal;
	}
	

.centry a:link,
.centry a:visited {
	color: #943d39;
	background-color: transparent;
}

.post img {
	border:0;
	float:left;
	padding:4px 4px;
	background:#fff;
	border:1px solid #ddd;
	margin:2px 5px 2px 0px;
	}

.centry p{
	margin:2px 0;
}

.centry a:hover {
	color:#c6150c;
	background-color: transparent;
	text-decoration: none;
}

.centry {
	margin:0 0;
	padding: 0px 5px 5px 5px;
	height:120px;
	overflow:hidden;
	}
	
.breadcrumb{

	padding:5px 10px;
	margin:0px 5px 5px 13px;
	border:1px solid #DEDCDD;
	font-size:13px;
	font-weight:normal;
	color:#444;
	background:#fff;
	font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
}

.ad1{

	margin:5px 5px;
	float:right;
}

.ad2{
	text-align:center;
	margin:2px auto;

}
.allcomments{
	height:100%;
	padding:0px 8px 0px 10px;
	margin:0px 0px;
}
#comment{

	height:100%;
	padding:0px 10px;
	margin:0px 0px;
	}
	
h3#comments {
	padding:5px 10px;
	margin:10px 0px;
	border:1px solid #DEDCDD;
	font-size:20px;
	font-weight:normal;
	color:#444;
	background:#fff;
	font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	} 	
h3#pingbacks {
	padding:5px 10px;
	margin:10px 0px;
	border:1px solid #DEDCDD;
	font-size:20px;
	font-weight:normal;
	color:#444;
	background:#fff;
	font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	} 	
#respond{

	height:100%;
	padding:0px 5px;
	margin:5px 0px;
	background:#fff;
	border:1px solid #DEDCDD; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}	
#respond h3{
	padding:5px 10px 5px 10px;
	margin:10px 0px;
	font-size:22px;
	font-weight:normal;
	color:#444;
	font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
	}
#commentform {
	padding:0px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	color:#BFAFA7;
	font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
	}
	
#commentform p {	
	color:#3f79c4;

	}
#commentform input {
	background:#F4F4F4;
	border:1px solid #DEDCDD;
	color:#444;
	padding-left:10px;

	}
#commentform textarea {
	background:#F4F4F4;
	border:1px solid #DEDCDD;
	color:#444;
	padding:5px 5px;

	}
.comments input#submit {

	width:auto;
	line-height:25px;
	padding:3px 5px;
	background:#0083DB;
	border:2px solid #005F9F;
	color:#fff;
	font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
	}

ol.commentlist { 
	list-style:none; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	
	}
	
ol.commentlist li { 

	border:1px solid #DEDCDD; 
	margin:0 0 10px; 
	padding:5px 7px 5px 57px; 
	position:relative;

 }
 
ol.commentlist li div.comment-author { 
	padding:0 170px 0 0; 
}
ol.commentlist li div.vcard { 
	font:20px Georgia, helvetica,arial,sans-serif; 
	padding:5px 0px;
}

ol.commentlist li div.vcard cite.fn { 
	font-style:normal; 
}
ol.commentlist li div.vcard cite.fn a.url { 
	color:#000; 
	text-decoration:none; 
}
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; 
}

div.vcard img.avatar { 
	border:5px solid #ddd; 
	left:7px; 
	position:absolute; 
	top:7px; 
}

ol.commentlist li div.comment-meta { 
	font:12px Tahoma, helvetica,arial,sans-serif; 
	position:absolute; 
	right:10px; 
	text-align:right; 
	top:5px; 
}

ol.commentlist li div.comment-meta a { 
	color:#0083DB; 
	text-decoration:none; 
}

ol.commentlist li div.comment-meta a:hover { 
	color:#000; 
}
ol.commentlist li p { 
	font:normal 12px Tahoma, helvetica,arial,sans-serif;
	margin:0 0 1em;
	line-height:18px;
	color:#546C88;
 }
 
ol.commentlist li ul { 
	font:normal 12px/1.4 helvetica,arial,sans-serif; 
	list-style:square; 
	margin:0 0 1em;
	padding:0; 
	text-indent:0;
 
 }
#cancel-comment-reply{
	padding:10px 0px 0px 0px ;

}
#cancel-comment-reply-link{

	color:#fff; 
	font-size:10px;
	line-height:15px;
	font-family: Tahoma, Georgia,arial,sans-serif;
	padding:4px 10px;
	margin:0px 0px 0px 12px;	
	background:#8B979F;
	border:2px solid #666;

} 


ol.commentlist li div.reply {  
	background:#269BCF url(images/replyjpg) repeat-x; 
	border:2px solid #0A7CAF; 
	color:#fff; 
	font:bold 9px/1 Tahoma, Georgia,arial,sans-serif;
	padding:5px 10px;  
	text-align:center; 
	width:50px;
 }
 
ol.commentlist li div.reply a { 
	color:#fff; 
	text-decoration:none; 
	text-transform:uppercase; 
}

ol.commentlist li ul.children { 
	list-style:none; 
	margin:1em 0 0; 
	text-indent:0; 
}

ol.commentlist li ul.children li.depth-2 { 
	margin:0 0 .25em; 
}

ol.commentlist li ul.children li.depth-3 { 
	margin:0 0 .25em; 
}

ol.commentlist li ul.children li.depth-4 {
	margin:0 0 .25em; 
 }

ol.commentlist li.even { 
	background:#fff url(images/grade.jpg) repeat-x;
	border:1px solid #D1D8DF;
	
}

ol.commentlist li.odd { 
	background:#fff url(images/grade.jpg) repeat-x;
	border:1px solid #ddd;
 }
 
ol.commentlist li.pingback div.vcard { 
	padding:0 170px 0 0; 
}
.title-top h2{
	font-size:13px;
	margin:5px 0 0 0;
}
.title-top ul li{
	list-style-type:none;
	margin:3px 10px 10px 0;

	border-bottom:1px solid #D1D8DF;
}
#myslides{

border-bottom:5px solid #2079a6;
margin-bottom:5px;

}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
height: 165px; /*Height should enough to fit largest content's height*/
margin: 0px 14px 0px 14px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 17px ; /*margin around each panel*/
width:220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#005B8B;
height:140px;
border:1px solid #005B8B;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
height:16px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 5px ; /*margin around each panel*/
font-size:13px;
font-weight:normal;
text-align:center;
font-family:Tahoma,century gothic,Arial,verdana, sans-serif;
text-transform:uppercase;

}
.stepcarousel .panel h2 a:visited ,.stepcarousel .panel h2 a:link{
	color:#FFF;

}
.stepcarousel .panel img{

background:#040404; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px 8px 10px; /*margin around each panel*/
padding:0px 0px;

}

table#table-01 {
    width: auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align:left;
}
table.table-01 {
    width: auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:5px 10px;
}

table.table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align:left;
}


/****jquery gallery ***/
/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #CCCCCC; border: 1px solid #aaa; padding: 0px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height:60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}


/****  sample用  **/
.samplehtml{
	padding:5px 10px;
}
.samplehtml h4{
	margin:0;
	width:70%;

}
.samplehtmlmain{
	width:70%;
-moz-border-radius:5px 5px 5px 5px;
background-color:#F3F3F3;
font-size:14px;
margin:5px 10px;
padding:16px;

}
#footer-navigation {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

    #footer-navigation li {
        display: inline;
    }

    #footer-navigation li:after {
        content: " | ";
    }

    #footer-navigation li:last-child:after {
        content: "";
    }

#footer-navigation2 {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}
 
    #footer-navigation2 li {
        display: inline;
        margin-right:10px;
        padding-right:10px;
        border-right:1px solid #666;
    }
 
    #footer-navigation2 li:nth-last-child(1) {
        border-right:none;
    }
.book_list table{
	float:left;
	margin:3px 5px;
}


/*******  04/16 */
.list_view{
	margin:10px 0;
	
}
.list_view ul{
	margin:0;
	padding:0;

}
.list_view li{
	list-style:none;

}
.list_view li.title{
	padding:15px;
	font-size:16px;
	-moz-border-radius:5px 5px 5px 5px;
background-color:#F3F3F3;
margin:5px;
}

.list_view li.name{
	padding:10px;
	font-size:16px;
	background:#fff;
	border-left:5px solid #006699;
	margin:10px;
}
.list_view li a img{
	margin:5px 15px;


}










