/*
Theme Name: Fantastic Blue
Theme URI: 
Description: Two column widgetized Wordpress theme 
Version: 1.0
Author: Themesdb
Author URI: 
Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS

*/

body {
font-family : 'Trebuchet MS', Arial,Tahoma;
font-size : 13px;
line-height: 180%;
margin:0; padding:0;
background : #111 url(images/bg.gif) repeat 0 -1px;
}

a {
color : #0000FF;
text-decoration : none;
}
a:hover {
color : #0000FF;
text-decoration : underline;
}
img {margin:0; padding:0;}
a img {border:0;}
p {
padding : 5px 0;
margin : 0;
}

h1 {
display:none;
}

h2 {
display:none;
}
#cart{
margin-top: 30px;
}
#cart2{
margin-top: 30px;
padding: 0 0 0 200px;
}
#cart3{
text-align: right;
width: 550px;
margin-top: 20px;
}

#content li {
list-style-image: url(images/icon-check.jpg); font-size:12px; margin-left:20px; margin-top:20px; line-height: 1.5em;
}
/*
#content ul {
font-size:10px; margin:10px 50px;
}*/

#menu_1{
	width:205px;
	margin:0;
	padding: 30px 0px 0px 0px;
}
#menu_1 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu_1 li{
	list-style:none;
	display:block;
	background:url(images/menu_bg.jpg) no-repeat;
	text-indent:20px;
}
#menu_1 li a{
	list-style:none;
	display:block;
	color:#000;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	height:40px;
	line-height:40px;
}
#menu_1 li a:hover{
	background:url(images/menu_h.jpg) no-repeat;
	height:40px;
	line-height:40px;
	color:#000;
	text-decoration:none;
}
#menu_1 li a.current, #menu li a:hover.current{
	list-style:none;
	display:block;
	background:url(images/menu_h.jpg) no-repeat;
	color:#000;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	height:40px;
	line-height:40px;
}
#menu_1 li a:active{
	background:url(images/menu_h.jpg) no-repeat;
	height:40px;
	line-height:40px;
	color:#000;
	text-decoration:none;
}

#menu_3{
	width:205px;
	margin:0;
	padding: 15px 0px 0px 0px;

}
#menu_3 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu_3 li{
	list-style:none;
	display:block;
	background:url(images/menu_bg.jpg) no-repeat;
	text-indent:20px;
}
#menu_3 li a{
	list-style:none;
	display:block;
	color:#000;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	height:40px;
	line-height:40px;
}
#menu_3 li a:hover{
	background:url(images/menu_h.jpg) no-repeat;
	height:40px;
	line-height:40px;
	color:#000;
	text-decoration:none;
}
#menu_3 li a.current, #menu li a:hover.current{
	list-style:none;
	display:block;
	background:url(images/menu_h.jpg) no-repeat;
	color:#000;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	height:40px;
	line-height:40px;
}
#menu_3 li a:active{
	background:url(images/menu_h.jpg) no-repeat;
	height:40px;
	line-height:40px;
	color:#000;
	text-decoration:none;
}


#menu_2{
	width:205px;
	margin:0;
	padding: 30px 0px 0px 0px;
}
#menu_2 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu_2 li{
	list-style:none;
	display:block;
	background:url(images/menu2_h.jpg) no-repeat;
	text-indent:40px;
}
#menu_2 li a{
	list-style:none;
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	height:40px;
	line-height:40px;
}
#menu_2 li a:hover{
	background:url(images/menu2_bg.jpg) no-repeat;
	height:40px;
	line-height:40px;
	color:#fff;
	text-decoration:none;
}
#menu_2 li a.current, #menu li a:hover.current{
	list-style:none;
	display:block;
	background:url(images/menu2bg.jpg) no-repeat;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	height:40px;
	line-height:40px;
}
#menu_2 li a:active{
	background:url(images/menu2bg.jpg) no-repeat;
	height:40px;
	line-height:40px;
	color:#fff;
	text-decoration:none;
}

#menu_4{
	width:205px;
	margin:0;
	padding: 30px 0px 0px 0px;

}
#menu_4 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu_4 li{
	list-style:none;
	display:block;
	background:url(images/menu4_h.jpg) no-repeat;
	text-indent:20px;
}
#menu_4 li a{
	list-style:none;
	display:block;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	height:40px;
	line-height:40px;
}
#menu_4 li a:hover{
	background:url(images/menu4_bg.jpg) no-repeat;
	height:40px;
	line-height:40px;
	color:#FFF;
	text-decoration:none;
}
#menu_4 li a.current, #menu li a:hover.current{
	list-style:none;
	display:block;
	background:url(images/menu4_bg.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	height:40px;
	line-height:40px;
}
#menu_4 li a:active{
	background:url(images/menu4_bg.jpg) no-repeat;
	height:40px;
	line-height:40px;
	color:#FFF;
	text-decoration:none;
}

/*  ====================== side cart ======================= */
#minicart{
margin-top : 20px;
background : url(images/cart1.jpg) no-repeat;
padding : 30px 0 0 0;
/*background-color :#666666;*/
width: 205px;
}

#minicart .item{
border-width: thin;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-color: #1E568F;
font-size: 8px;
padding: 2px 2px 2px 2px;
}

#minicart .price{
border-width: thin;
border-right-style: solid;
border-left-style: solid;
border-color: #1E568F;
background-color: #EBEBEB;
font-size: 12px;
padding: 2px 2px 2px 2px;
}


#minicart .pbottom{
height :30px;
}

/*  ====================== Page Structure ======================= */
#header-wrapper {
	width : 100%;
	background : url(images/hbg.gif) repeat-x;
	height: 69px;
}

#header {
width : 1000px; height:69px;margin:0 auto;
background : url(images/h-bg.gif) repeat-x ;
}

.hmain .htop{height:69px;}
.htop .htleft{height:69px;  width:633px;float : left;}
.htop .htright{height:133px; width:319px;float : left; margin:63px 0 0 0;
}
.htop .htleft .logo{height:91px;margin:69px 0 0 0; background:url(images/logo.gif) no-repeat;}

.htop .htleft .logo h1{margin:0; padding:0; display:block; }
.htop .htleft .logo h1 a, .htop .htleft .logo h1 a:hover {display:block; width:200px;height:91px;text-decoration:none;}
.hmain #nave1{height:43px;}

#logo1{height:47px;margin:69px 0 0 0; color : #ffffff;}
#logo1 a {color : #ffffff; text-decoration : none; font-family : 'Trebuchet MS', Arial,Tahoma; font-size : 34px;}
#logo1 .description {color : #ffffff; font-family : Tahoma, Arial,'Trebuchet MS'; font-size : 18px; }

/*#logo2 {width:990px; height:69px; margin:0 0 0 0; background : url(images/logonew.gif) no-repeat;
}*/

#logo2 {width:990px; height:69px; margin:0 0 0 0;
}
.logo {float:left; width:210px; margin:8px 0 0 5px;
}
.logotext {width:300px; float:left; margin:18px 0 0 0; padding:0 0 0 17px; color : #000000; font-family : Tahoma, Arial,'Trebuchet MS'; font-size : 10px;
 background :url(images/button.gif) no-repeat;
}
.logotext2 {width:384px; height:69px; float:right; margin:0px 0px 0px 0px; color : #000000; font-family : Tahoma, Arial,'Trebuchet MS'; background :url(images/logo_2.gif) no-repeat;
}
.menubox {
	float:left;
	font-size : 13px;
margin:5px 0px 0px 25px; 
	width: 100px;
}

#header .hleft{
width : 20px; height:69px;float:left;
background : url(images/h-left.gif) repeat-x ;
}
#header .hmain{
width : 990px; height:69px;float:left;
background : url(images/h-bg.gif) repeat-x ;
}
#header .hrt{
width : 17px; height:69px;float:left;
background : url(images/h-rt.gif) repeat-x ;
}

#wrapper {
  width : 990px; margin:0 auto; padding:0;
}

#main-content {
width : 990px; 
background : #ffffff url(images/body-bg.gif) repeat-y;
min-height:300px;
}

#content{
width : 718px; float:left; margin:0;padding:20px;
max-height: 2500px;
}
#sidebar {
width : 200px;
max-height : 2500px;  float:left; padding:0 0 0 21px; margin-top:0px;
background : url(images/sidebar-bg.gif) repeat-y 21px 40px; }

#footer {
width : 960px; height:104px;padding:4px 0 0 30px; background : url(images/footer-bg.gif) repeat-x;
}

/*  ====================== Header ======================= */

/* --------- Navigation -------- */
#nav1 ul {margin : 0; padding : 0;list-style : none;}
#nav1 li {
float : left; font-size : 14px; margin:0; padding:0;
color : #fffffe;text-align:center;}

#nav1 li a {
color : #fffffe;margin:0;
text-decoration : none;
display:block;
width:200px;height:22px;
padding : 11px 5px 10px 5px;
}
#nav1 li a:hover {
background : url(images/menu-hover.gif) no-repeat;
color : #4E8A39;
text-decoration : none;
display:block;margin:0;
width:200px;height:22px;
padding : 11px 5px  10px 5px;
}

/*  ================================= Content ============================= */

#topmain{
width : 760px;
margin: 0 0 0 10px;
}
#topbanner{
width : 720px;
height: 196px;
background :url(images/topbanner.gif);
}
#topbanner2{
width : 721px;
height: 51px;
margin :10px 0 0 0;
background :url(images/topbanner2.gif);
}
#list{
width : 720px;
max-height: 2500px;
margin: 15px 0 0 0;
/*background-color :#CCE1DB;*/
}

#engine_main{
    width :720px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #808080;
    margin:8px 0 0 0;
}

#engine_main1{
    width :720px;
    height:80px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #808080;
    margin:10px 0 0 0;
}

#engine{
    width :710px;
/*    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #808080;*/
    padding:5px 5px 5px 5px;
    margin:0 0 0 0;
    height :50px;
}

#enginelist{
width :716px;
/*    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #808080;*/
background-color:#f5f5f5;
    padding:2px 2px 2px 2px;
    margin:2px 0 0 0;
    text-align: center;
}
#enginelist .p1{
display:none;
}
#enginelist .p2{
display:none;
}
#enginelist .p4{
display:none;
}
#enginelist .p5{
display:none;
}
#enginelist .p6{
display:none;
}
#enginelist .p7{
display:none;
}
#enginename{
float:left;
width :130px;
}

#enginelink{
float:left;
width :170px;
margin:16px 0 0 15px;
font-size:12px;
color:red;
}

#enginecon{
float:left;
width :148px;
margin:0 0 0 15px;
line-height: 160%;
font-size:9px;
}

#price{
float:left;
width :210px;
margin:0px 0 0 15px;
}

/* -------------------------- Posts ----------------------------- */
.post {width:100%; padding-bottom:20px;}
.post h2 {margin:0;padding:0; font-size:21px; color:#4A8336; float:left; padding:0 0 3px 0;}
.post h2 a {color:#4A8336; text-decoration:underline; }
.post h2 a:hover{color:#4A8336; text-decoration:none;}
.post p.by {font-size:13px; float:left; padding:7px 0 5px 10px; }

.post h4 {width:100%; height:34px; font-weight: normal; margin:0; padding:0; font-size:14px; color:#000000; text-decoration:none; float:left; padding:7px 0 10px 12px;background : url(images/h4.jpg) no-repeat; margin-top:18px;}

.post {width:100%; padding-bottom:20px;}
.post h3 {width:100%; margin:20px 0 0 0; padding:0; font-size:15px; color:#ffffff; text-decoration:none; float:left; padding:4px 20px 15px 11px; background : url(images/h3_bg.jpg) no-repeat; }
.post h3 a {color:#4A8336; text-decoration:underline; }
.post h3 a:hover{color:#4A8336; text-decoration:none;}
.post p.by {font-size:13px; float:left; padding:7px 0 5px 10px; }

.entry {width:710px; padding:10px 0; 
/*border-top:1px solid #EBEBEB;
border-bottom:1px solid #EBEBEB;*/
}

.info {height:35px;font-weight:bold;}
.info a {text-decoration:underline; }
.info a:hover{text-decoration:none;}
.info p{padding-top:7px;}

.info .left{height:35px; float:left; width:10px;
background : url(images/post-intro-left.gif) no-repeat;}

.info .rt{height:35px; float:left; width:9px;
background : url(images/post-intro-rt.gif) no-repeat;}

.info .sp{height:35px; float:left; width:22px;
background : url(images/post-intro-sp.gif) no-repeat;}

.info .main{height:35px; float:left;
background : url(images/post-intro-bg.gif) repeat-x;}

.entry {padding:5px 5px 0 5px;
margin-left:20px;
}

.qa01{padding:25px 0 0 0;　text-align:center;}

#co01{padding:10px 0 0 60px; text-align:left; border:1;}

/* --------------- SideBars ----------------*/

#sidebar ul {
list-style : none;
/*width:221px;*/
margin:0;padding:0;
}

#sidebar ul li {
list-style : none;
margin : 0;
padding : 0 0 0 0;
}


#sidebar ul li h2 {
margin:0; padding:5px 0 0 40px;
height:50px;
width:181px;
line-height : 14px;
font-size : 14px;
background : url(images/sidebar-h2.gif) no-repeat;
font-family : Tahoma, Arial,'Trebuchet MS';
color : #476085;
}

#sidebar ul ul {
list-style : none;
margin :0;padding : 0 0 37px 0;
/*background : url(images/sidebar-btm.gif) no-repeat bottom left;*/
}
#sidebar ul ul ul{
list-style : none;
margin :0;padding : 0 0 0 0;
background : transparent;
}

#sidebar ul ul li {
list-style : none;
width:199px;
display:block;
margin : 0;
padding : 0 0 0 22px;
font-weight : bold;
background : url(images/li.gif) no-repeat 10px 12px;
font-family : Tahoma, Arial,'Trebuchet MS';
font-size : 13px;line-height : 30px;
}
#sidebar ul ul li li {
list-style : none;
width:160px;
display:block;
margin : 0;
padding : 0 0 0 22px;
font-weight : bold;
background : url(images/li.gif) no-repeat 10px 7px;
font-family : Tahoma, Arial,'Trebuchet MS';
font-size : 13px;line-height : 30px;
}


#sidebar a {
margin : 0;padding : 0;
color : #476085;
text-decoration : none;
}
#sidebar a:hover {
color : #476085;
text-decoration :underline;
}

.login {
margin-top: 30px;
margin-bottom: 30px;
margin-left: 10px; 
}
.regist {
margin-left: 10px;
margin-top: 5px;
margin-bottom:20px; 
}


/* ライセンス価格テーブル
--------------------------------------------------------*/

table.license	{
	border-collapse: collapse;
	width: 550px;
}

table.license,
table.license th,
table.license td	{
	border: 1px solid #CCC;
}

table.license th,
table.license td	{
	padding: 2px 0;
}

table.license th	{
	background: #EEE;
	font-weight: normal;
}

table.license td	{
	text-align: middle;
}

table.license th p,
table.license td p	{
	line-height: 100%;
	margin-bottom: 0;
	font-size: 10px;
}

div.license_wide table.license th p,
div.license_wide table.license td p	{
	line-height: 100%;
	margin-bottom: 0;
	font-size: 14px;
}

table.license td p	{
	margin-right: 5px;
}

table.license tr.c1	{
	background: #f7f7f7;
}

table.license tr:hover td	{
	background: #FFE;
}


table.license2	{
	border-collapse: collapse;
	width: 450px;
}

table.license2,
table.license2 th,
table.license2 td	{
	border: 1px solid #CCC;
}

table.license2 th,
table.license2 td	{
	padding: 2px 0;
}

table.license2 th	{
	background: #EEE;
	font-weight: normal;
}

table.license2 td	{
	text-align: right;
}

table.license2 th p,
table.license2 td p	{
	line-height: 100%;
	margin-bottom: 0;
	font-size: 10px;
}

div.license_wide table.license2 th p,
div.license_wide table.license2 td p	{
	line-height: 100%;
	margin-bottom: 0;
	font-size: 14px;
}

table.license2 td p	{
	margin-right: 5px;
}

table.license2 tr.c1	{
	background: #f7f7f7;
}

table.license2 tr:hover td	{
	background: #FFE;
}




/*  ================================= Footer ============================= */
#footer p{font-size: 13px; color:#000000;
  line-height:29px; margin:0; padding:35px 0 0 0;float:left;}
#footer a{ color:#000000; text-decoration:none;font-weight:normal;}
#footer a:hover{ color:#000000; text-decoration:underline;}

#footer a.f-l-logo {display:block;width:124px; height:29px;background:url(images/f-logo-2.gif) no-repeat;float:left;margin-top:29px;}
#footer a.f-l-logo:hover {text-decoration:none;}
#footer a.f-r-logo {display:block;width:152px; height:39px;float:right;margin:41px 20px 0 0;}
#footer a.f-r-logo:hover {text-decoration:none;}

/* Others */

.clr {clear : both; font-size:1px; line-height:1px;}

/* Search Form */
form {margin:0; padding:0;}
.newsearchform {margin: 0 auto; width:250px; height:80px;
background:url(images/search-box.gif) no-repeat;
padding :25px 0 0 42px;
}
.newsearchform p{margin:0; padding :0; line-height:28px;}
.newsearchform input {float:left;}
.newsearchform input.txt {
margin :20px 0 0 0; padding :0;
color : #516C94;background:transparent;
border : 0; width:120px;
font-size : 12px;
height:27px;
}
.newsearchform input.btn {
width : 77px;border : 0;
padding :0; margin :12px 0 0 10px;
height : 27px;
}



/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #516C94; width:98%;padding-bottom:20px;}
h2.pagetitle, h2.center {margin:0;text-align: center; padding:10px 0 0 0; font-size:14px; color:#4A8336;}
h3 {padding: 0;margin: 5px; color : #4A8336; font-size:14px;}
.more-link {font-weight:bold;text-align:right;}
a.more-link, a:hover.more-link {float:right;}

p.postmetadata {margin:0; padding:10px;}
.alt { 	background-color: #F2F3F6;
border-top: 2px solid #516C94;
border-bottom: 2px solid #516C94;
	}

input, select, textarea {
  border: 0; color:#9C9D9F; background:#F2F3F6;
}
#commentform #submit {margin: 0; color:#516C94; background:#F2F3F6; font-weight:bold;}

/*blockquote { border-left: 2px solid #006600;}*/

blockquote { background:#F0FFF0 ; width:400px; }


ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}
code { font: 1.1em 'Courier New', Courier, Fixed; background:#ddd;}

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 80%;	}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#wp-calendar #today {font-weight:bold;color:#4E8A39;}
/* End Calendar */
.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}

/* Begin Images */
p img {	padding: 0;	max-width: 100%;	}
img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
/* End Images */

/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style: none;}

/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */

/* Begin Comments*/
.alt { 	margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; }
.commentmetadata {display: block; font-size:10px;font-weight:normal;}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { 	cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:48%; text-align:right; 	}
.navigation .alignleft {width:48%; text-align:left;}
/* End Various Tags & Classes*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}