/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/extend/themes/twentyten
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: http://wordpress.org/
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htmlnav-below
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: twentyten
*/


/****************************************
		1.  info_wrap
*****************************************/
div.info_wrap{}
div.info_wrap h2{
	margin					: 0 10px 15px 10px;
	font-size				: 18px;
	font-weight				: normal;
	line-height				: 160%;
}
div.info_wrap p{
	clear					: both;
	padding					: 0 10px 0 10px;
}
div.info_wrap div.blog_info {
	padding					: 7px 10px 7px 10px;
	margin					: 0 0 15px 0;
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	-khtml-border-radius	: 4px; 
	border-radius			: 4px;	
	background				: #f6f5f5;
}
div.info_wrap div.blog_info ul{}
div.info_wrap div.blog_info li{
	float					: left;
	margin					: 0 15px 0 0 !important;
	list-style				: none !important
}
div.info_wrap div.blog_info li.cal {
	padding					: 0 0 0 34px;
	min-height				: 27px;
	_height					: 27px;
	line-height				: 28px;
	background				: url(images/bg_cal.gif) center left no-repeat;
}



/****************************************
		2.  nav-below
*****************************************/
div.nav-below {
	clear			: both;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
}
div.nav-below:after {
    content			: ".";
    display			: block;
    visibility		: hidden;
    clear			: both;
    height			: 0.1px;
    font-size		: 0.1em;
    line-height		: 0;
}
div.nav-below span.nav-previous {
	float			: left;
	width			: 175px;
}
div.nav-below span.nav-next {
	float			: right;
	width			: 175px;
}
div.nav-below span.nav-previous a {
    display					: block;
	padding					: 4px 0 4px 0;
	text-align				: center;
	cursor					: pointer;
	color					: #646464;
	-moz-border-radius		: 3px;
	-webkit-border-radius	: 3px;
	-khtml-border-radius	: 3px; 
	border-radius			: 3px;	
	border					: #e9e6e6 solid 1px;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ffffff),
		to(#f6f5f5)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#ffffff,
		#f6f5f5
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f6f5f5);
	zoom: 1;
}
div.nav-below span.nav-next a {
    display					: block;
	padding					: 4px 0 4px 0;
	text-align				: center;
	cursor					: pointer;
	color					: #646464;
	-moz-border-radius		: 3px;
	-webkit-border-radius	: 3px;
	-khtml-border-radius	: 3px; 
	border-radius			: 3px;	
	border					: #e9e6e6 solid 1px;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ffffff),
		to(#f6f5f5)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#ffffff,
		#f6f5f5
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f6f5f5);
	zoom: 1;
}
div.nav-below span.nav-previous a,
div.nav-below span.nav-next a {
	display			: block;
	color			: #646464;
}
div.nav-below span.nav-previous a:hover,
div.nav-below span.nav-next a:hover {
	color			: #afafaf;
}



/****************************************
		3.  widget-area
*****************************************/

div.widget-area {
	margin			: -40px 10px 0 10px;
	width			: 200px;
}
div.widget-area ul {}

div.widget-area ul li.widget-container {
	margin			: 0 0 15px 0;
	border			: #e9e6e6 solid 1px;
}

div.widget-area ul li.widget-container h3 {
	padding			: 10px 10px 10px 10px;
	font-weight		: normal;
	border-bottom	: #e9e6e6 1px solid;
	background		: #f6f5f5;
}

div.widget-area ul li.widget-container ul {
	padding			: 10px 10px 0 10px;
}
div.widget-area ul li.widget-container li {
	margin			: 0 0 10px 0;
	padding			: 0 0 6px 0;
	list-style		: none;
	background		: url(http://alaki.co.jp/client/shs/img/common/container/dotline_bgi.gif) bottom left repeat-x;
}

/****************************************
		4.  search
*****************************************/
div.widget-area ul li.widget_search {
	padding			: 15px 10px 10px 10px;
	background		: #f6f5f5;
}

/****************************************
		5.  Form
*****************************************/

input[type="text"], textarea{
	padding			: 3px 5px;
	width			: 70%;
	color			: #646464;
	border			: #dddcdc solid 1px;
	background		: #ffffff;
	/* IE */
	filter			: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom			: 1;
}
	
input[type="submit"]{
	display					: block;
	margin					: 10px auto 5px auto;
	padding					: 2px 25px;
	text-align				: center;
	cursor					: pointer;
	color					: #646464;
	-moz-border-radius		: 3px;
	-webkit-border-radius	: 3px;
	-khtml-border-radius	: 3px; 
	border-radius			: 3px;	
	border					: #dddcdc solid 1px;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ffffff),
		to(#f6f5f5)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#ffffff,
		#f6f5f5
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f6f5f5);
	zoom: 1;
}

div.info_wrap .ttl {
    margin: 0 0 5px 0;
    height: 90px;
    background: url(/img/index/category_ttl_bgi.gif) top left no-repeat;
    padding: 25px 0 0 10px;
    box-sizing: border-box;
    color: #c94270;
	font-size: 18px;
}
div.info_wrap h1.ttl {
    font-weight: bold;
}
div.info_wrap .post h2 {
    margin: 0 0 5px;
    clear: both;
    height: 34px;
    line-height: 34px;
    text-indent: 20px;
    font-size: 14px;
    color: #ffffff;
    background: url(/img/agency/common/agency_ttl_bgi.jpg) top left no-repeat;
    border-radius: 5px;
}
div.info_wrap .post h3 {
    margin: 0 0 5px;
    clear: both;
    height: 34px;
    line-height: 34px;
    text-indent: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #b42d5a;
    background: #f0eae5;
    border-radius: 5px;
}
div.info_wrap .post h4 {
    font-size: 14px;
    color: #646464;
    border-top: 1px solid #f0eae5;
    border-bottom: 2px solid #b42d5a;
    line-height: 30px;
    text-indent: 20px;
}
div.info_wrap .post .red {
	color: #C00;
}
div.info_wrap .post .blue {
	color: #1BA1E6;
}
div.info_wrap .post .green {
	color: #060;
}
div.info_wrap .post p {
    margin-bottom: 1em;
}
.entry ul, .entry ol {
  padding: 0 10px 20px;
  counter-reset: num;
  line-height: 1.8;
}
div.info_wrap ul + h1, div.info_wrap ul + h2, div.info_wrap ul + h3, div.info_wrap ul + h4, div.info_wrap ul + h5, div.info_wrap ol + h1, div.info_wrap ol + h2, div.info_wrap ol + h3, div.info_wrap ol + h4, div.info_wrap ol + h5 {
  margin-top: 30px;
}

div.info_wrap ul,
div.info_wrap ol,
div.info_wrap li {
    list-style: none;
}
div.info_wrap ul li:before,
div.info_wrap ul li:before {
  content: "・";
}
div.info_wrap ul li.cal:before,
div.info_wrap ul li.tag:before {
  content: "";
}

div.info_wrap ol li {
  counter-increment: num;
}

div.info_wrap ol li:before {
  content: counter(num);
  padding: 0 0.5em 0 0;
}

div.info_wrap .waku {
  display: inline-block;
  border: 2px solid #f0eae5;
  padding: 10px;
  margin-bottom: 20px;
}

div.info_wrap .alignleft, div.info_wrap .aligncenter, div.info_wrap .alignright, div.info_wrap .alignnone {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 20px auto 20px;
}
@media (min-width: 768px){
  div.info_wrap .alignleft{
    display: inline;
    float: left;
    margin: 5px 20px 15px 0;
  }

  div.info_wrap .alignright{
    display: inline;
    float: right;
    margin: 5px 0 15px 20px;
  }

  div.info_wrap .alignnone{
    margin: 5px 0 15px 0;
  }
}