/*
Theme Name: keitai-os
Theme URI: http://www.keitai-os.com/
Description: For keitai-os
Version: 1.0
Author: aec1984
Author URI: http://aec1984.com/
*/

/* Body */

*{margin:0; padding:0;}
body {
font: 12px/1.5em "Arial","HiraKakuPro-W3","MS-PGothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
line-height:1.3em;
}


body {　/*IE5用ハック*/
background:#fff; color:#404040;  padding:20px;

 voice-family: "\"}\"";　/*IE5以外*/
 voice-family: inherit;

background:#e5e5e5 url(background.gif) top center repeat-y;
}

/* Tags */
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:1em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
code{font-size:1.1em; background-color:#f4f4f4; color:#555; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}
hr.clear{ height:0px; border:0; clear:both; visibility:hidden;}
.clear{ clear:both;}
.talign-center{ text-align:center;}
.float-left{ float:left; margin:0; padding:0;}
.float-right{ float:right; margin:0; padding:0;}
.margin-top20{ margin-top:20px;}

/* Links */
a {color:#000000; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}

/* Main wrap */
#wrap {color:#404040; margin:0 auto; width:720px;}
#description {color:#808080; font-size:0.9em; margin:5px 0 10px 0; padding:0;}
#toplinks {padding:5px 2px 2px 3px; text-align:right;}

/* Headers */
#header{ margin:0; }

h1 {}
h1 a {color:#4088b8;}
h1 a:hover {text-decoration:none;}
h3 {border-bottom:1px solid #dadada; color:#4088b8; font-size:1.2em; font-weight:bold; margin:10px 0 8px; padding:1px 2px 2px 3px;}

#header ul#text-menu  {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:right;
margin:0;
padding:0;
}

#header ul#text-menu li {
background:transparent url(images/common/arrow_f01.gif) no-repeat scroll 0 30%;
display:inline;
margin-left:5px;
padding-left:8px;
font-size:0.9em;
}

#header ul#menu{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:center;
width:100%;
margin:0;
padding:0;
font-size:1em;
}

#header ul#menu li, #header ul#menu li a{
display:block;
background-color:#666666;
color:#FFFFFF;
float:left;


width: 179px !important;  
width: 177px; /* for only IE6 style */  

border-right: 1px solid white;
margin:0;
}

#header ul#menu li a, #header ul#menu li a:link, #header ul#menu li a:active, #header ul#menu li a:visited{
padding:1em 0;}

#header ul#menu li a:hover{
text-decoration:none;
background-color:#333333;
}

/* Sidebar */
#sidebar {float:left; margin:0; padding:0; width:200px;}
#sidebar p,#sidebar ul,#sidebar .textwidget {margin:0 0 15px 10px;}
#sidebar ul { border-bottom:1px solid #999999; padding-bottom:1em; margin:0 0 1em 0;}
#sidebar li {list-style:none; margin:5px 0 3px; font-size:1em;
background:transparent url(images/common/arrow_f02.gif) no-repeat scroll 0 3px;
margin:5px;
padding-left:10px;
line-height:110%;}
#sidebar li a {font-size:1em; padding:2px;}
#sidebar ul ul {margin:5px 0 5px 10px;}
#sidebar ul ul li {margin:0 0 5px;}
#sidebar ul ul li a {font-weight:normal;}

#sidebar h2 {
background:transparent url(images/sidebar/h2Bg_f01.png) no-repeat scroll 0 0;
clear:both;
color:#FFFFCC;
font-size:1.2em;
font-weight:bold;
padding:8px 0 8px 12px;
margin-top:5px;
}



#sidebar ul p.catP { margin:0.5em 0 0.5em 0.5em; font-size:1.1em; font-weight:bold; display:block; color:#666666;}

/* Main ***************************************************************/
#main { margin:10px 0;}
/*IE5,6ハック*/
*html #main {margin:0;}
/*IE7ハック*/
*:first-child+html #main {margin:-5px 0;}

#bread { font-size:0.8em; margin:0;}

#top-main-contents {
border:2px solid #FF6600;
border-width:2px 0 0 0;
margin-top:20px;
padding:20px 0;
}

#main-contents {
margin:0;
padding:0;
}

#main-contents .entry, #main-contents .support{
width:500px;
float:right;
}

#top-main-contents .entry h2, #main-contents .entry h2, #main #content h2{
background:transparent url(images/common/h2Bg_f02.png) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
margin-top:20px;
padding-bottom:10px;
padding-left:15px;
padding-top:10px;
}

.contenttext { line-height:160%;}

.contenttext a {
text-decoration:underline;
}


/* top */
#top-main-contents #top-left { float:left; width:410px;}
#top-main-contents #top-right { float:right; width:292px;}

#top-main-contents div.list-title p.list-titlel { float:left; margin:0; padding:0;}
#top-main-contents div.list-title p.list-titler { float:left; margin:0; padding:0;}

#top-main-contents ul.cat-list, #main #content ul.cat-list{ clear:both;
font-size:1em;
border-bottom:1px solid #999999;
line-height:125%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px 0;
padding:0 5px 10px 10px;
}

#top-main-contents ul.cat-list li, #main #content ul.cat-list li{
margin-top:8px;
}

#top-main-contents ul.cat-list li a, #main #content ul.cat-list li a{ color:#006699;}

#top-main-contents ul.cat-list2, #main #content ul.cat-list2{ clear:both;
font-size:1.2em;
font-weight:normal;
line-height:125%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px 0;
padding:0 5px 10px 10px;
}

#top-main-contents ul.cat-list2 li, #main #content ul.cat-list2 li{

padding:0.5em 0;
border-bottom:1px dotted #cccccc;
}

#top-main-contents ul.cat-list2 li a, #main #content ul.cat-list2 li a{ color:#006699;}


/* Content */
#content {float:right; line-height:1.5em; margin:-2px 0 10px; text-align:left; width:500px;}
#content ul,#content ol {margin:0 0 18px 30px;}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
#content p.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
#content p.timestamp a {font-weight:normal;}
#content p.postmeta {text-align:right; border-top:2px solid #dadada; line-height:1.8em;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}
#content .introtext p {margin:-5px 0 15px 10px;}


/* Footer */
#footer { text-align:center; clear:both; color:#808080; font-size:1.1em; line-height:1.6em; margin:0 auto; padding:8px 0;
border:2px solid #FF6600;
border-width:2px 0 0 0;
}
#footer p {margin:0; padding:0;}
#footer a {color:#808080; font-size:0.8em;}
#footer a:hover {text-decoration:underline;}
#footer span, #footer span a {font-weight:normal;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Searchbox */
.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}


/* Various classes */
.entry {margin:0 0 15px;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.hide {display:none;}

/* WP image align classes */
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}
.wp-caption {border:1px solid #ddd;	text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding:0 4px 5px; margin:0;}


/*Products*/

.pcCase {
margin-top:20px;
text-align:center;
font-size:1.2em;
line-height:150%;
}

.one {
color:#CC0000;
font-size:1.5em;
font-weight:bold;
margin-top:15px;
text-align:center;
}


.recycle{ margin-top:10px;}
.recycle li{ margin-top:5px;}


.marginTop10 img{
	margin:10px 0 0 -10px;
	padding:0;
}

.block1 {
	padding-top: 10px;
}
.block1 p {
	font-size: 1.2em;
	line-height: 150%;
	padding-top: 30px;
}
.block1 img {
	float: right;
}
.block2 {
	padding-top: 5px;
	clear: both;
}
.block2 p {
	font-size: 1em;
	line-height: 150%;
}
.block1, .block2 {
	padding-right: 5px;
	padding-left: 5px;
}
.howto {
	clear: both;
	padding-top: 20px;
}
.howto img {
	float: right;
	margin-left: 15px;
}

.howto h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #FF3300;
	border:none;
}
.howto p {	font-size: 0.9em
	padding-top: 5px;
}



.table01{
	font-size: 1em;
	line-height: 135%;
	width: 500px;
	margin-top: 10px;
}
.table01,.feature table  {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.table01 th,.table01 td,.feature table th,.feature table td {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 3px;
	font-weight: normal;
}
.table01 th,.feature table th {
	background: #EEEEEE;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
.table01 ul {
	font-size: 1em;
	margin: 5px 5px 5px 20px;
}
.nom {
	color: #CC0000;
	text-align: center;
}

.feature {
	padding-top: 15px;
}
.feature ul li {
	padding-bottom: 10px;
	line-height: 135%;
}
.feature ol {
	font-size: 1em;
	margin-left: 30px;
	color: #CC0000;
	margin: 5px 5px 5px 20px;
}
.feature ol li {
	margin-top: 10px;
}

.feature ol li p {
	color: #666666;
}
.feature h3 {
	font-size: 1em;
	margin-top: 15px;
	color: #CC0000;
}
.feature table {
	color: #666666;
	width: 350px;
}
.feature table th {
	width: 50%;
}
.feature  ol table caption {
	text-align: left;
	padding-bottom: 2px;
	padding-top: 5px;
}

/*font*/
.fontRed {
	color: #CC0000;
}
.bold {
	font-weight: bold;
}
.mincho {
	font-family: "Times New Roman","HiraMinPro-W3","MS-PMincho","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝";
}

/*common*/
.pageTop { float:right; margin-top:20px;}

/*answer*/
.answerTitle {
border-bottom:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
color:#000000;
font-size:1.2em;
margin-top:20px;
padding-bottom:10px;
padding-top:10px;
}

#searchWaku {
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #CCCCCC;
font-size:1em;
margin-top:10px;
padding:3px;
text-align:center;
}

.timestamp{
text-align:right;}

.contenttext{ border-bottom:1px dotted #CCCCCC; }

/*support*/
.inq {
	clear:both;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
.phone1 {
	font-size: 1em;
	text-align: center;
	margin-top: 5px;
}
.phoneNum {
	font-size: 2em;
	font-weight: bold;
	color: #666666;
}

/*contact*/

.phone {
color:#666666;
font-size:1.5em;
font-weight:bold;
margin-top:15px;
text-align:center;
}

.date {
font-size:1em;
margin-top:10px;
text-align:center;
}

.linkTxt {
font-size:1.2em;
font-weight:normal;
padding-top:15px;
text-align:center;
}

.linkTxt a{
border-bottom:1px dotted #CCCCCC;
color:#486699;
}