/*
Theme Name: Gainer mini
Theme URI: http://gainer-mini.jp/
Description: Gainer mini page
Version: 1.0
Author: RT Corp.
Author URI: http://www.rt-biz.jp/
Tags: red, custom header, fixed width, two columns, widgets
	CSS for gainer mini
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
caption, th, td {text-align:left;font-weight:normal;}
table {border-collapse:separate;border-spacing:0;}
table, td, th {vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
img{
	border: none;
	margin: 0px;
	padding: 0px;
}

body{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	line-height:1.5;
}

head{
	margin: 0;
	padding: 0;
}

table.header{
	background-color: white;
	table-layout: fixed;
	border-spacing: 0;
	vertical-align: top;
	text-align:left;
	font-weight:normal;
}
table.header img{
	border: none;
	vertical-align: top;
}

.fr{
	float: right;
}
.fl{
	float: left;
}

.search-wrapper {
	float: right;
}

#srch-frm {
	background: none;
}
.search-wrapper .textfield{
	width: 134px;
	margin-right: 20px;
}

.menu {
	margin-top: 1px;
	height: 35px;
	font-size: 14px;
	font-weight: 700;
	/* text-shadow: 0.2em 0.2em;
*/
	font-streach: wider;
	font: bold;
}

.menu-wrapper {
	list-style-type: none;
	margin: 0;
}
.menu-wrapper li {
	display: block;
	float: left;
	border-left: 1px solid #e4e5e5;
	padding: 5px 12px 6px 12px;
}

.menu-wrapper li a {
	text-decoration: none;
	color: red;
}
.menu-wrapper .current_page_item {
	background-color: #CF0000;
	border-right: none;
	margin-left: -1px;
}
.menu-wrapper .first {
	margin-left: 0;
	margin-left: 0px;
}
.menu-wrapper .current_page_item a {
	color: white;
}

.banner{
	border-top: 1px solid #CF0000;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid white; 
}

.footer_company_info{
	color: orange;
	font-size: 12pt;
}
.footer_company_info a{
	color: orange;
	font-size: 8pt;
	text-decoration: none;
}

.content_top{
	height: 10px;
	background: transparent url(images/box_top.gif) no-repeat 0 0;
}

.content_bottom{
	height: 10px;
	background: transparent url(images/box_bottom.gif) no-repeat bottom 0;
}

.container{
/*	margin: 0px;*/
	padding: 0px;
	min-height: 100px;
	width: 760px;
	background-color: #CF0000;
}
.content{
	width: 760px;
	background-color: inherit;
	/*
	background: #CF0000 url(images/box_bottom.gif) no-repeat bottom ;
	*/
}

.tutorial_main{
	width: 730px;	
	padding-left: 10px;
/*	margin: 0;
        color: #FFCCCC;
*/
	background-color: inherit;
	float: left;
	
}
.tutorial_main ul{
	list-style-type: none;
}
.tutorial_main a{
	color: #ffcccc;
	text-decoration: none;
}

.main{
	width: 500px;	
	padding-left: 10px;
	margin: 0;
	background-color: inherit;
	float: left;
	color: #FFCCCC;
}
.main ul{
	list-style-type: none;
}
.main a{
	color: #ffcccc;
	text-decoration: none;
}

.sidebar{
/*
	width: 200px;
	*/
	min-width: 180px;
	max-width: 200px;
	padding-left: 15px;
	margin-right: 0;
	margin-top: 0;
	float: right;
	background-color: inherit;
}

.navigation{
	color: #ffcccc;
	font-size: 8pt;
	padding: 5px;
}

.navigation a{
	text-decoration: none;	
	color: #FFcccc;
	font-size: 8pt;
}

.article_main{
	border-bottom: 1px dotted #FFCCCC;
}
.article_top{
	color: #FFCCCC;
	font-size: 16pt;
	font-weight: 700 ;
	border-bottom: 1px dotted #FFCCCC;
	padding-left: 10px;
	max-width: 520px;
}

.tutorial_info {
	width: 730px;
	color: #FFCCCC;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.tutorial_info a{
	color: #FFCCCC;
	font-weight: 700 ;
	text-decoration: none;
}

.info {
	width: 520px;
	color: #FFCCCC;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.info a{
	color: #FFCCCC;
	font-weight: 700 ;
	text-decoration: none;
}
.example{
	color: #FFCCCC;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.example a{
	color: #FFCCCC;
	font-weight: 700 ;
	text-decoration: none;
}
.example ul{
	list-style: none;
}
.example_list li{
	list-style: url(images/list_top.jpg);
}

#respond{
	width: 400px;
}
