/*   
	Theme Name: Hitorigachi Theme
	Theme URI: http://wp-mall.com/
	Description: A clean & clear theme designed.
	Author: Makoto Jo
	Author URI: http://lotusws.com/
	Version: 0.0.1

*/

/* ---------------------{ Reset }--------------------- */


/*	Resets
	------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}


/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}


img, fieldset {
	border: 0;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
}
/* ie 8 img max-width */
@media \0screen {
  img { width: auto;}
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

* { margin: 0; padding: 0; }
body { background:url(images/bg.jpg) left top; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; line-height:1.4em; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
hr { background-color: #ccc; border: 0; height: 1px;}/* margin-bottom: 1.625em;*/


/*  Main */
#page-wrap { width: 960px; margin: 10px auto 0px auto; padding:0px 10px; background:url(images/pagewrapbg.jpg) left top repeat-x;
}
#king-wrap { background-color:#FFF; width:980px; margin:0 auto;  -webkit-box-shadow:0 1px 5px #777777;
  -moz-box-shadow:0 1px 5px #777777;
  box-shadow:0 1px 5px #777777; }
#page-wrap h3{
	border-bottom:1px solid #CCC; padding-bottom:5px;}
#page-wrap h3 a{
	color:#ff6633;}

#container{ clear:both; width:960px; }
#content{ float:left; display:inline; width:590px; padding:0px 0px 0px 40px; }
.content-full{ clear:both; width:880px; padding:10px 40px 30px 40px;} 
.content-full1{ clear:both; width:880px; padding:0px 40px 30px 40px;} 
.content-full3{ clear:both; width:880px; padding:10px 40px 30px 40px;} 
#sidebar{ float:right; display:inline; width:250px; padding:0px 40px 0px 0px; }

/*  Header */
#header{width:100%; padding:30px 0 30px 1px; zoom:1;}
#logo{display:inline; width:80%; font-size:0px;}

#header-line{ width:100%; height:30px; background:url(images/line-soft.png) top center no-repeat;}
#header hr{ background-color: #ccc; border: 0; height: 1px;}

/*  Nivo Slider */
#banner{width:960px; height:320px; background:url(images/slider-frame.png) bottom center no-repeat; clear:both; }
#banner-box{padding:0px 0px 0px 0px; position:relative; }

/*  Right Slider */
#slider3{width:960px; height:312px; background:#5197db url(images/slider-bg1.png) top center no-repeat; clear:both; }
#slider3 .left{ float:left; display:inline; width:300px; padding:30px 0px 0px 30px; height:280px; }
#slider3 .right{ float:right; display:inline; width:611px; padding:20px 0px 0px 0px; height:260px; overflow:hidden;   }
#slider_side {position:relative; overflow:hidden;}
#slider_side_nav {padding:7px 6px 5px 1px;  position:absolute; right:30%; bottom:13px; background-color:#ffffff; z-index:10;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;}
#slider_side_nav a {width:9px; height:9px; margin-left:5px; display:block; float:left; overflow:hidden; background:url(images/bg_nav_ball_side.png) no-repeat; text-indent:-9000px;}
#slider_side_nav a.activeSlide {background:url(images/bg_nav_ball_side_act.png) no-repeat;}
#banner-button a{ background:url(images/readmore-homepage-button.png) top left no-repeat; width:176px; height:45px; display:block; font-size:16px; font-weight:bold; padding:12px 0px 0px 30px; margin:0; }
#banner-text{ padding:10px 0px 30px 0px; }
#slider3 h2{ line-height:1.2em;}

/*  Slider */
#slideshow-box{ clear:both; width:960px; overflow:hidden; height:309px; display:block;}
#sliderbasic_nav {display:none; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:10;}
#sliderbasic_nav a {width:29px; height:28px; display:block; float:left; overflow:hidden; text-indent:-9000px;}
#sliderbasic_nav a.next {background:url(images/arrow-right.gif) no-repeat;}
#sliderbasic_nav a.prev {background:url(images/arrow-left.gif) no-repeat;}
#sliderbasic_nav ,#sliderbasic {display:block;}
/*  Sidebar */
#sidebar ul{ list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px;}
#sidebar ul ul{ padding:0px 0px 0px 0px; }
#sidebar li{ list-style:none; padding:3px 0px 3px 0px; margin-left:15px; }
#sidebar li li{ padding:3px 0px 3px 10px;}
#sidebar .menu li{background: url("images/arrow.gif") no-repeat scroll left center transparent;border-bottom: 1px dotted #CCCCCC;margin-bottom: 5px;padding: 5px 0 5px 20px;}

/* homepage */
#homepage-content{ clear:both; padding:30px 40px 0px 40px; background:url(images/line.jpg) bottom center no-repeat;
/*k_追加要素*/
padding: 20px;
    border: 1px solid #f0f0f0;
    border-bottom: 2px solid #ccc;
	background-color:#d5d0cf;
    /* IE以外なら丸角も！ */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-top: 40px;
} 
#homepage-content h2{font-size: small; background-image:url(images/bg1_2.gif); padding-left:10px; padding-top:4px;}

.homepagebox{ width:280px; float:left; display:inline; padding:0px 12px 0px 0px; margin-bottom:10px; }
.homepagebox1{ width:295px; float:left; display:inline; padding:0px 0px 0px 0px; }
.homepagebox-image{ width:280px; height:144px; background:url(images/homepageimg-frames.png) bottom center no-repeat; }
.homepagebox-image img{ padding:10px 0px 0px 10px;}
.homepagebox-text{ padding:10px 15px 0px 10px; }
#homepage-content .last{padding-right:0px;}
#homepage-category{ clear:both; padding:0px 50px 5px 50px; background:url(images/line.jpg) bottom center no-repeat;} 
.homepagebox-image1{ display:none; }


.homepage4box{ width:208px; float:left; display:inline; padding:0px 12px 0px 0px; }
.homepage4box-image{ width:208px; height:108px; background:url(images/homepageimg-frames1.png) bottom center no-repeat; }
.homepage4box-image img{ padding:7px 0px 0px 7px;}
.homepage4box-text{ padding:10px 15px 0px 10px; }
.homepage4box-image:hover{opacity: .5;}



/*blog*/
.blog1-frame{ background:url(images/blog1-frame.png) top center no-repeat; width:560px; height:240px;}
.blog1-frame-img{ padding:10px 0px 0px 0px;}
.blog1-frame-img:hover{opacity: .5;}
.blog2-frame{ background:url(images/blog2-frame.png) top center no-repeat; width:218px; height:178px; float:left; display:inline; margin-right:10px;}
.blog2-frame-img{ padding:10px 0px 0px 10px;}
.blog2-frame-img:hover{opacity: .5;}

/* testimonial */
#testimonial{ clear:both; width:960px; font-size:15px; font-style:italic; background: url(images/testimonial-bg.png) top center no-repeat; min-height:90px; margin-bottom:20px; }
.testimonial-rotator{ padding:5px 40px 25px 95px; } 
#testimonial-title{ clear:both; width:860px; padding:20px 50px 15px 50px; background:url(images/line.jpg) top center no-repeat;} 
.testimonial-source{ clear:both; text-align:right;}

/* footer */
#footer{ clear:both; width:900px; padding:10px 40px; margin:20px auto 0px auto;
  -webkit-box-shadow:0 1px 5px #777777;
  -moz-box-shadow:0 1px 5px #777777;
  box-shadow:0 1px 5px #777777; }
#footer-all{ width:100%; }
.footer-sidebar{  width:260px; float:left; display:inline; padding:0px; margin:5px 35px 5px 5px; }
.footer-widget h2 { padding:0px 0px 0px 0px; font-size:1.2em; font-weight:bold; border-bottom:#444 solid 1px; padding-bottom:5px; margin-top:10px; }
.footer-widget { padding:5px 5px 5px 0px; width:280px; }
.footer-widget p { padding-bottom:5px; }
.footer-widget ul { clear:both; margin:0px; padding:0px 0px 0px 0px; list-style:none; }
.footer-widget ul li { padding:2px 0px 2px 0px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #444;}
.footer-widget a,#footer .andre-tweet a{ padding:0px; text-decoration:none; }
.footer-widget a:hover,#footer .andre-tweet a:hover { text-decoration:underline; }
.footer-widget ul ul { margin:0px; padding:0px 0px 0px 0px; border-top:none; }
.footer-widget ul li a { padding:0px; text-decoration:none; }
.footer-widget ul li a:hover { text-decoration:underline; }
.footer-widget ul ul li { border:none; padding:0px 0px 0px 10px; }
.footer-widget ul ul ul { margin:0px; padding:0px 0px 0px 0px; border-top:none; }
.post-date{ padding-left:10px; color:#999; font-size:9px;}

/*k追加*/
.post-edit-link {display:none; }

/* main (top) navigation */
/*#mainnav {margin: 0;padding: 0;height:38px; float: left;margin: 0 auto; width:940px; padding-left:20px;}*/
#mainnav .menu-header,div.menu {font-size: 1.2em;}
#mainnav .menu-header ul,div.menu ul {list-style: none; margin: 0; padding-right:20px;}
#mainnav .menu-header li,div.menu li {float: left; position: relative;}
#mainnav a {color: #000;display: block; line-height: 38px; padding: 0 20px; text-decoration: none;}
#mainnav ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);display: none;position: absolute;top: 38px;left: 0;float: left;width: 220px;z-index: 99999;}
#mainnav ul ul li {min-width:220px;}
#mainnav ul ul ul {left: 100%;top: 0;}
#mainnav ul ul a {background: #ddd;line-height: 1em;padding: 10px;width: 220px;height: auto;}
#mainnav li:hover > a{ color:#0077b1;}
#mainnav ul ul :hover > a {color:#fff;}
#mainnav ul li:hover > ul {display: block;}
#mainnav ul li.current_page_item > a,#mainnav ul li.current-menu-ancestor > a,#mainnav ul li.current-menu-item > a,#mainnav ul li.current-menu-parent > a {color:#25ade3;}
* html #mainnav ul li.current_page_item a,* html #mainnav ul li.current-menu-ancestor a,* html #mainnav ul li.current-menu-item a,* html #mainnav ul li.current-menu-parent a,* html #mainnav ul li a:hover {color:#25ade3;}

.img-effect:hover{opacity: .5;}
.homepagebox-image:hover{opacity: .5;}

h1, h2, h3, h4, h5 { font-weight: normal; margin: 0 0 10px 0; }
h1 { font-size:2.2em; }
h2 { font-size:1.8em; line-height:160%; }
h3 { font-size:1.3em;}
h4 { font-size:0.9em;}
h5{ font-size:0.9em; border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ccc;
    padding: 0.5em;}
#content h2{line-height:1.2em;}

p { margin: 0 0 10px 0; }
a,a:visited,a:active {color:#4d4d4d; text-decoration:none; }
a:hover,a:active { color:#25ade3; } 

/* Text elements */

ul, ol { margin: 0 0 1.625em 2.5em;}
ul { list-style: square;}
ol { list-style-type: decimal;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}
dl {margin: 0 1.625em;}
dt {font-weight: bold;}
dd {margin-bottom: 1.625em;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
blockquote {font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote cite {color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase;}
pre {background: #f4f4f4;font: 13px "Courier 10 Pitch", Courier, monospace;line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em;}
code, kbd {font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym, dfn {border-bottom: 1px dotted #666; cursor: help;}
address {display: block; margin: 0 0 1.625em;}
ins {background: #fff9c0 ;text-decoration: none;}
sup,sub {font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
a img {border: 0;}
.pingback{padding:10px 10px 10px 10px;}

.entry table,.commentlist table {border-bottom: 1px solid #ddd;margin: 0 0 1.625em;width: 100%;}
.entry th,.commentlist th {color: #666;font-size: 10px;font-weight: 500;letter-spacing: 0.1em;line-height: 2.6em;text-transform: uppercase;}
.entry td,.commentlist td {border-top: 1px solid #ddd;padding: 6px 10px 6px 10px;}
.th{ background-color:#CCCCCC; font-weight:bold; }

.devider{ clear:both; margin:20px 0px 20px 0px; background:url(images/line-soft.png) bottom center no-repeat; height:9px;  }

.entry {}
.entry a { }
.entry a:hover { }

/*K追加*/
.entry h3 {margin-top:30px;}
.entry h4 {font-size: small; background-image:url(images/bg1_2.gif); padding-left:10px; padding-top:4px; margin-top:20px;}

pre { }
code, tt { }

.meta { font-size:12px; margin-bottom:10px; }
.postmetadata { font-size:12px; font-style:italic; margin-bottom:10px; }
#searchform {padding:5px 0px 20px 0px; }
	#s { padding:3px 0px 3px 0px; float:left; }
	#submit, #searchsubmit, #sendmail {-moz-border-radius: 5px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;  background:#797979; padding:4px 8px 4px 8px; color:#FFFFFF; border:none;-moz-border-radius: 5px;
border-radius: 5px; float:left; }
	.reply-entry{ padding:7px 0px; }
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }


/* Form */
form {margin-bottom: 20px; }
fieldset {margin-bottom: 20px; }
input[type="text"],input[type="password"],input[type="email"],textarea,select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 140px;
		margin-right:5px;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
select {padding: 0; }
#sidebar .widget{clear: both;}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
textarea {min-height: 60px; }
label,legend {display: block;font-weight: bold;font-size: 13px;  }
select {width: 220px; }
input[type="checkbox"] {display: inline; }
label span,legend span {font-weight: normal;font-size: 13px;color: #444; }
textarea{width:75%;}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* Tagcloud */
.tagcloud a:link, .tagcloud a:visited {display:block;background:#707070 url(images/wdot.png) top right no-repeat;text-transform:uppercase;font-size:11px !important;padding:3px 15px 3px 5px;text-shadow:none;color:#aaa !important;margin-bottom:5px;margin-right:5px;float:left;-webkit-transition:all 100ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms;-moz-border-radius: 3px;
-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.tagcloud a:hover {color:#fff !important}
.tags {margin-bottom:25px !important;float:left;clear:both}
.tags a:link, .tags a:visited {display:block;text-decoration:none;font-size:11px;text-transform:uppercase;padding:0px 5px;text-shadow:none;color:#fff !important;margin-bottom:1px;margin-right:1px;float:left;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}
.tags a:hover {color:#fff !important}

/* post images */
img.centered { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:0px; padding:5px; border: 1px solid #ddd;}
img.alignnone {  margin:0px 0px 10px 0px; display:inline; padding:5px; border: 1px solid #ddd;}
img.alignright {  margin:0px 0px 10px 10px; display:inline; padding:5px; border: 1px solid #ddd;}
img.alignleft { margin:0px 10px 10px 0px; display:inline; padding:5px; border: 1px solid #ddd;}
.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 5px 0px; }
.wp-caption { background:#F7F7F7; text-align:center; padding:4px 0px 5px 0px; border:1px solid #e6e6e6; }
.wp-caption img { margin:0px 0px 5px 0px; padding:0px; border:0px; }
.wp-caption p.wp-caption-text { margin:0px; padding:0px; font-size:11px; font-weight:normal; line-height:12px; }

/* shortcode */

/*  Fluid Columns  */
.one_half{ width:48%; padding:15px 0px; }
.one_third{ width:30.66%; padding:15px 0px;}
.two_third{ width:65.33%; padding:15px 0px;}
.one_fourth{ width:22%; padding:15px 0px;}
.three_fourth{ width:74%; padding:15px 0px;}
.one_fifth{ width:16.8%; padding:15px 0px;}
.two_fifth{ width:37.6%; padding:15px 0px;}
.three_fifth{ width:58.4%; padding:15px 0px;}
.four_fifth{ width:67.2%; padding:15px 0px;}
.one_sixth{ width:13.33%; padding:15px 0px;}
.five_sixth{ width:82.67%; padding:15px 0px;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.least{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/*  Dropcap  */
.dropcap{display:block;float:left;font-size:40px;line-height:40px;margin:0 8px -5px 0;}

/* Pull Quote  */
.pullquote_right,.pullquote_left{letter-spacing:-.5px;font-size:22px;line-height:30px;border-left:3px solid;font-size:16px;line-height:25px;letter-spacing:0;padding:0 0 0 17px;width:36%;}
.pullquote_right,.pullquote_left{padding:20px;float:right;font-size:14px;letter-spacing:0px;line-height:25px;margin-bottom:20px;margin-left:20px;margin-right:2px;margin-top:20px;width:33%;}
.pullquote_left{float:left;margin-left:2px;margin-right:20px;}
.pullquote_left:before{content:'\201C';font-weight:bold;margin-right:5px;font-size:150%;display:inline;vertical-align:middle;}
.pullquote_left:after{content:'\201D';font-weight:bold;margin-left:5px;font-size:150%;display:inline;vertical-align:middle;}
.pullquote_right:before{content:'\201C';font-weight:bold;margin-right:5px;font-size:150%;display:inline;vertical-align:middle;}
.pullquote_right:after{content:'\201D';font-weight:bold;margin-left:5px;font-size:150%;display:inline;vertical-align:middle;}


/* Hightlight  */
.highlight{padding:2px 6px;}	
	

/* Spoiler */
.andrespoiler {margin: 0 0 1.5em 0;}
.andrespoiler-title {padding: 0.3em 0 0.3em 26px;font-weight: bold;background: 0 50% url(images/spoiler-closed.png) no-repeat;cursor: pointer;}
.andrespoiler-content {padding: 15px 0;display: none;}
.andrespoiler-open .andrespoiler-title {background: 0 50% url(images/spoiler-open.png) no-repeat;}
.andrespoiler-open .andrespoiler-content {display: block;}


/* List Style  */
.circle_list,.star_list,.check_list,.arrow_list{margin-left:10px;list-style:none;color:#333;font-size:13px;}
.circle_list li,.star_list li,.check_list li,.arrow_list li,.colored_bullet_list li{padding-left:24px;margin:5px 0;list-style:none;}
.arrow_list li{background:transparent url(images/arrow-list.png) no-repeat scroll 0px 2px;}
.check_list li{background:transparent url(images/check-list.png) no-repeat scroll 0px 2px;}
.star_list li{background:transparent url(images/star-list.png) no-repeat scroll 0px 2px;}
.circle_list li{background:transparent url(images/circle-list.png) no-repeat scroll 0px 2px;}

/* Blockquote  */
.quote {padding: 1em 0 0 40px;margin: 0 0 1.5em 0;}
.quote-shell {padding: 0 40px 1em 0;font-style: italic;}
.quote-style-1 {background: 0 0 url(images/quote.png) no-repeat;}
.quote-style-1 .quote-shell {background: 100% 100% url(images/quote.png) no-repeat;}

/* button */

.button_link,.button_link span{display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.button_link{white-space:nowrap;line-height:1em;position:relative;outline:none;overflow:visible;cursor:pointer;border:rgba(0,0,0,.2) 1px solid;border-bottom:rgba(0,0,0,.4) 1px solid;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);background:0 to(rgba(255,255,255,.1)) );filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')";-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none;user-select:none;margin-bottom:10px}
sbutton::-moz-focus-inner{border:none}
sbutton.button_link{margin:0;padding:0}
.button_link.full,.button_link.full span{display:block}
.button_link:hover,.button_link.hover{background:0 to(rgba(255,255,255,.2)) );filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#19FFFFFF');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"}
.button_link:active,.button_link.active{top:1px}
.button_link span{position:relative;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);border-top:rgba(255,255,255,.2) 1px solid;line-height:1em;text-decoration:none;text-align:center;white-space:nowrap;padding:.6em 1.3em}
.button_link.small span{font-size:12px}
.button_link.medium span{font-size:14px}
.button_link.large span{font-size:18px}
.button_link.black{background-color:#333}
.button_link.gray{background-color:#666}
.button_link.white{background-color:#FFF}
.button_link.white span{color:#666}
.button_link.red{background-color:#e62727}
.button_link.orange{background-color:#ff5c00}
.button_link.magenta{background-color:#A9014B}
.button_link.yellow{background-color:#ffb515}
.button_link.blue{background-color:#00ADEE}
.button_link.pink{background-color:#e22092}
.button_link.green{background-color:#91bd09}
.button_link.rosy{background-color:#F16C7C}
.button_link.brown{background-color:#804000}
.button_link.purple{background-color:purple}
.button_link.cyan{background-color:#46C7C7}
.button_link.gold{background-color:#D4A017}

/* Message Box */

.tip_box,.error_box,.info_box,.note_box{clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;background:#eee;margin:20px 0;padding:20px 20px 25px 55px; font-size:12px;}
.info_box{background:#bfe4f9 url(images/info.png) no-repeat scroll 20px 20px; color:#2e6093}
.error_box{background:#fcc url(images/error.png) no-repeat scroll 20px 20px;color:#c31b00}
.tip_box{background:#66e285 url(images/tip.png) no-repeat scroll 20px 20px;color:#5e6f33}
.note_box{background:#fdebae url(images/note.png) no-repeat scroll 20px 20px;color:#9e660d}

/* Table  */
.andre-table{border-collapse:separate;margin-bottom:20px;border-spacing:0;width:100%;vertical-align:middle;}
.andre-table th{background:#333;color:#fff;font-size:11px;padding:10px 20px;text-transform:uppercase;letter-spacing:1px;font-weight:normal;vertical-align:middle;text-align:left;}
.andre-table td{padding:10px 20px;border-bottom:1px solid #e9e9e9;}


/* pagination */
.navgation { text-align:center; padding-bottom:15px; }
.next-posts { }
.prev-posts { }
.pagination {clear:both;padding:20px 0;position:relative;}
.pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#3d3d3d;}
.pagination a:hover{}
.pagination .current{padding:6px 9px 5px 9px;background: #3279BB;color:#fff;}

/* gallery */
.gallery {display: block;clear: both;overflow: hidden;margin: 0 auto;}
.gallery .gallery-row {display:block;clear: both;overflow: hidden;margin: 0;}
.gallery .gallery-item {overflow: hidden;float: left;margin: 0;text-align: center;list-style: none;padding: 0;position: absolutebottom: 0}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {max-width: 89%;height: auto;padding: 1%;margin: 0 auto;}
.gallery-caption {margin-left: 0;}
.gallery .gallery-item:hover{opacity: .5;}

/* root element for tabs  */
ul.tabs1 { list-style:none; margin:0 !important; padding:0; height:30px;}
ul.tabs1 li { float:left;	 text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; }
ul.tabs1 a {font-size:14px; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; display:block;height:30px;line-height:30px; background-color:#000000; text-decoration:none; color:#fff; padding:0px 20px; margin:0px 5px 0px 0px;position:relative;top:1px;}
ul.tabs1 a:active {outline:none;}
ul.tabs1 a:hover { color:#e7ca7e;	}
ul.tabs1 a.current, ul.tabs1 a.current:hover, ul.tabs1 li.current a {cursor:default !important; color:#000 !important; background-color:#d6d6cb;}
.panes1 .pane {display:none;}
#panes1 .pan1{display:none; color:#646464; border-top:0;margin:0px 0px 30px 0px;width:93%;background-color:#FFFFFF; padding:20px 30px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px#ccc; box-shadow: 0 0 5px #ccc;}
#panes1 div ul { padding:20px 0px 20px 0px; }
#panes1 div li { padding:0px 0px 0px 30px;}


ul.tabs2 { list-style:none; margin:0px 0px 30px 0px !important; padding:0; height:30px;}
ul.tabs2 li { float:left;	 text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; }
ul.tabs2 a {font-size:14px;display:block;height:30px;line-height:30px; text-decoration:none;  padding:0px 20px; margin:0px 5px 0px 0px;position:relative;top:1px; font-weight:bold;}
ul.tabs2 a:active {outline:none;}
ul.tabs2 a:hover { color:#000;	}
ul.tabs2 a.current, ul.tabs1 a.current:hover, ul.tabs1 li.current a {cursor:default !important; color:#000080 !important;}
.panes2 .pane {display:none;}
#panes2 .pan2{display:none; color:#646464; border-top:0;margin:0px 0px 30px 0px;width:100%; padding:20px 00px;}
#panes2 div ul { padding:0px 0px 0px 0px; }
#panes2 div li { padding:0px 0px 0px 30px;}


	


/*Mega Menu */

.dcjq-mega-menu ul, .dcjq-mega-menu ul li {list-style: none;}
.dcjq-mega-menu ul.menu {position: relative; padding: 0; margin: 0;}
.dcjq-mega-menu ul li ul {display: none;}
.dcjq-mega-menu .sub {display: none;}
.dcjq-mega-menu .sub ul {display: block;}




/*********************************************************
 Form Styles
 *********************************************************/
 form.bform{margin:20px 0; }
 
 form.bform li{width:auto !important;}
 .bform ul{list-style:none;margin:0 14px;padding:0;}
 .bform li{clear:both;margin:0; padding:6px 1% 9px;width:64%; }
 .bform li div span, span.full input, span.full select{ display:block;float:left;width:100%;}
 .bform span.left{float:left; width:48%; }
 .bform span.right{float:right;width:48%;}
 .bform span.right input, .bform span.right select, .bform span.left input, .bform span.left select{width:100%;}
 .bform li div label, .bform li span label{font-size:90%;}
 .bform fieldset{margin:15px 0;clear:both;}
 .bform legend{font-size:1.4em;font-weight:bold;color:#990000;margin-left:5px;}
 .bform .legend{margin:5px 14px;padding:0 6px;color:#990000;border-bottom:1px dotted #CCCCCC;}
 .bform label, label.desc{display:block;margin:0;padding-bottom:3px;}
 label.desc{font-weight:normal;}
 .bform label.choice{font-size:100%;line-height:150%;margin:-17px 0 0 23px;padding:0 0 5px;width:88%;}
 .bform label span{color:#BC1212;vertical-align:middle;}
 input.text, textarea.textarea, select.select{font-size:100%;margin:0;padding:2px 0;}
 input.medium, select.medium{width:50%;}
 input.large, select.large, textarea.textarea{width:100%;}
 textarea.medium{height:10em;}
 .submit{font-size:1.1em;}
 input.checkbox, input.radio{font-size:1.1em;display:block;height:13px;width:13px;margin:4px 0 0;}
 label.error{color:red;font-weight:bold;}
 input.error, select.error, textarea.error{border:1px solid red;}
 p#form_success{color:#333333;font-weight:bold; padding:10px; background-color:#FFFFFF; border:1px solid #999;}
 

/* Other */
.last{ padding:0px 0px 0px 0px; }
.bold {font-weight:bold; }
.blue{color:#25ade3;}
.andre-tweet{ margin-bottom:10px; }
.slider3-clr30{clear:both; height:0px;}
.full3{padding-left:10px;}
.responsive{display:none;}

/* Video Slider */

.slides li{display:block; position:relative; background:#f1f1f1; margin:0; padding:0;}
.slidesc{ width:90%; height:60px; background:rgba(0,0,0,.75); position:absolute; bottom:0; left:0; padding:10px 5%;}
.slidesc h1{ font-size:20px; margin-top:0; margin-bottom:5px; }
.slidesc { color:white; text-shadow:1px 1px 1px rgba(0,0,0,.75)}
#banner-box .left{ float:left; width:57%; margin-right:3%; background:#000;}
#banner-box .right{ float:right; width:37%; padding-top:30px; padding-right:3%;}


#banner-box .left embed,#banner-box .left object,#banner-box .left iframe {width: 100%; min-height:300px; height:auto; margin:0; padding:0;}
#mainnav-dropdown{display:none; visibility: hidden;}
	
/* Filter */

.filter ul { list-style:none; }
.filter li { float: left; list-style:none; }
.filter a { padding: 0 15px; font-size:14px; font-weight:bold; }
.filter a:hover, .current a { color: #4f0d4d; }

/* Portfolio Items */
.portfolio li { list-style:none; float: left; margin-right: 10px; margin-bottom: 2em; }
.portfolio li:nth-child(4n) { margin-right: 0; }
.portfolio a { display: block;  text-decoration: none; }
.portfolio .item img { width: 190px; height: 125px; display: block; border: 3px solid #fff; margin-bottom:10px; }


/* PORTFOLIO FILTER STYLE
----------------------------------------------- */


#portfolio-filter ul { list-style:none; }
#portfolio-filter li { float: left; list-style:none; }
#portfolio-filter a { padding: 0 15px; font-size:14px; font-weight:bold; }
#portfolio-filter a:hover, .current a { color: #4f0d4d; }

/* PORTFOLIO LIST STYLE
----------------------------------------------- */

#portfolio-list .portfolio-item {
	width: 220px;
  list-style:none; 
  float: left; 
  margin-right: 10px; 
  margin-bottom: 2em;
}
#portfolio-list .portfolio-item  li { list-style:none; float: left; margin-right: 10px; margin-bottom: 2em; display: block; }
#portfolio-list .portfolio-item  li:nth-child(4n) { margin-right: 0; }
#portfolio-list .portfolio-item  a { display: block;  text-decoration: none; }
#portfolio-list .portfolio-item  img { width: 210px; height: 125px; display: block; border: 3px solid #fff; margin-bottom:10px; }


.banner-slider2{padding-bottom:60px; background:none;}

/* lotus developer */

div,p{word-wrap: break-word;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.entry {line-height:200%; }

#content h2{
  line-height:1.2em;
	border-bottom:1px #cccccc dotted;
	padding-bottom:5px;}
#content h2.blue{
	font-size:13px;
	font-weight:nomal;
	border-bottom:none!important;
	color:#999;
	padding-bottom:10px;}
#content .meta{
	font-size:12px;
	font-weight:nomal;
	color:#999;
	margin-bottom:20px;}
#content .postmetadata	{
	font-size:12px;
	font-weight:nomal;
	color:#999;
	margin-top:20px;}
	
.footer-widget .menu li{background: url("images/arrow.gif") no-repeat scroll left center;
border-bottom: 1px dotted #919191;
color: #666666;
padding: 5px 0px;
margin-bottom:5px;
padding-left: 20px;}
#homepage-content h3{
		margin:15px 0px 10px 0px;
		}
.top_about{
		width:880px;}
.top_about .big_column_left{
		width:280px;
		padding:5px;
		float:left;
}
.top_about .big_column_right{
		width:590px;
		float:left;}
.top_about .small_column_left{
		width:280px;
		padding:5px;
		float:left;
}
.top_about .small_column_right{
		width:280px;
		padding:5px;
		float:left;
}
.top_about .small_column_right ul li{
		list-style:none;}
.top_about .small_column_right ul{
		margin:0px;}
.text-right{
		text-align:right;}
.right_p{
		width:170px;
		float:right;
		margin:0px;}
.left_p{
		width:175px;
		float:left;
		margin:0px;}
.top_about .img_left{
		margin:0px 5px 5px 0px;
		float:left;}
.top_about .img_right{
		margin:0px 0px 5px 5px;
		float:right;}
.mt20{
		margin-top:20px;}
.recent_post li{
		border-bottom:1px dotted #CCCCCC;
		padding:13px 0px;
		line-height:127%;}
.recent_post li strong{
	color:#999999;
	font-size:11px;}
.copylight{
text-align:center;
color:#919191;}

#dc_jqmegamenu_widget-grey-item ul.menu{
	border:0px!important;}
.front-box{
		border-bottom:1px dotted #CCCCCC;
		margin-bottom:10px;
		line-height:155%;}
.img-styling{
	float:left; margin:0px 10px 10px 0px;
		}
#footer a, #footer a:hover {
    color: #919191;
}
#footer-all, #footer {
    background-color: #1A1A1A;.
}

#sidebar h2{
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	border-top:1px solid #eee;
	border-right:1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:10px;
	border-left:2px solid #006;
	padding:5px 0 5px 10px;
	margin-top:20px;
	}

#search-2{
	padding-left:27px;
	background:url(images/serch_icon.png) 2px 10px no-repeat;}
#content #post-2 h2{
	font-size:18px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	padding-bottom:5px;}
h2#comments,#respond h2 {
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding-bottom:3px;
	border-bottom:1px solid #CCC;}

#content .post-date {
    color: #AAAAAA;
    display: table-cell;
    font-size: 11px;
    line-height: 1;
    padding-right: 0.5em;
    vertical-align: middle;
	width:60%;
}
#content .post-date-after:after {
    border-top: 1px solid #EBEBEB;
    content: "";
    display: block;
}
#content .post-date-after {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
#content .post-subheader {
    display: table;
    font-size: 0.8em;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}




.banner-slider2{padding-bottom:60px; background:none;}
.geser{margin-top:20px;}
#dc_jqmegamenu_widget-nocolor-item{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;}
#header-right{
	width:232px; float:right; color: #666; line-height:155%;}
	
.news{
	width:860px;
	padding:30px 51px 0;}
.news ul{
	margin-left:0px;
	}
.news ul li {
	padding:2px 0;
	border-bottom:1px dotted #EEE;
	margin-bottom:2px;
	list-style:none;
	}
/*K_追加*/
.news h3 {
	font-size: medium; background-image:url(images/bg1_1.gif); padding-left:10px; padding-top:6px; color: #fff;
	}

.entry h2{
	font-size: medium; background-image:url(images/bg1_1.gif); margin-top:35px; padding-left:10px; padding-top:6px; color: #fff;
}

.entry h3{
	color: #7f7fff;
}

/*-------------------------------------------------*/
/* =  iPads
/*-------------------------------------------------*/
@media screen and (min-width : 680px) and (max-width : 1150px) {

#page-wrap { width: 620px; padding:0px 6px; margin: 5px auto 0px auto; background:url(images/pagewrapbg2.jpg) left top repeat-x;}
#king-wrap { background-color:#FFF; width:632px; margin:0 auto;  -webkit-box-shadow:0 1px 5px #777777;
  -moz-box-shadow:0 1px 5px #777777;
  box-shadow:0 1px 5px #777777; }
#header{width: 590px; height:auto; padding:30px 0px 20px 30px;}
#logo{clear:both; float:none; width: 620px; }

#mainnav {width: 620px; padding:0; margin:0px 0px 0px 0px;}
#mainnav .menu-header ul,div.menu ul{float:left;}
#mainnav .menu-header,div.menu {font-size: .9em;}
#mainnav a {padding: 0 15px;}


.blog1-frame{width: 380px; background:none; height:auto;}
.blog1-frame img{padding:0;}
.blog2-frame{ width: 160px; background:none; height:auto;}
.blog2-frame-img{ padding:0;}

#banner{width: 620px; height:auto; background:none;}

.geser{margin-top:-70px;}

#footer{width:580px; padding:20px 20px 20px 30px;}
.footer-sidebar{ width:160px; padding:0px 20px 0px 0px;  }


.homepagebox{ width:180px; float:left; display:inline; padding:0px 10px 0px 0px; margin-bottom:10px; }
.homepagebox1{ width:180px; float:left; display:inline; padding:0px 10px 0px 0px }
.homepagebox-image{ width:180px; height:auto; background:none; }

#content{ width: 380px; padding:0px 0px 0px 20px;}
#sidebar{ width: 175px; padding:0px 20px 0px 0px;}  
#container{ clear:both; width:100%; }
.content-full{ clear:both; width:580px; padding:0px 20px 30px 20px;} 
.content-full1{ clear:both; width:580px; padding:0px 20px 30px 20px;} 
.content-full3{ clear:both; width:580px; padding:0px 20px 30px 20px;} 

#header-line{height:15px;}
#homepage-content{padding-top:20px;}

#dc_jqmegamenu_widget-black-item ul li a,
#dc_jqmegamenu_widget-blue-item ul li a,
#dc_jqmegamenu_widget-green-item ul li a,
#dc_jqmegamenu_widget-grey-item ul li a,
#dc_jqmegamenu_widget-lightblue-item ul li a,
#dc_jqmegamenu_widget-nocolor-item ul li a,
#dc_jqmegamenu_widget-orange-item ul li a,
#dc_jqmegamenu_widget-red-item ul li a,
#dc_jqmegamenu_widget-white-item ul li a{padding: 12px 23px 12px 22px; font-size: .7em; }

#dc_jqmegamenu_widget-black-item ul li a .dc-mega-icon,
#dc_jqmegamenu_widget-blue-item ul li a .dc-mega-icon,
#dc_jqmegamenu_widget-green-item ul li a .dc-mega-icon,
#dc_jqmegamenu_widget-grey-item ul li a .dc-mega-icon,
#dc_jqmegamenu_widget-lightblue-item ul li a .dc-mega-icon,
#dc_jqmegamenu_widget-nocolor-item ul li a .dc-mega-icon,
#dc_jqmegamenu_widget-orange-item ul li a .dc-mega-icon,
#dc_jqmegamenu_widget-red-item ul li a .dc-mega-icon,
#dc_jqmegamenu_widget-white-item ul li a .dc-mega-icon{right: 10px;}

.banner-slider2{padding-bottom:20px;}
.slider3-clr30{clear:both; height:1px;}


#portfolio-list .portfolio-item { width:280px;}
#portfolio-list .portfolio-item  img { width: 210px;}
.portfolio li { margin-right: 70px;}
.footer-widget { padding:5px 0px 5px 0px; width:160px; border:1xp solid #fff; }
.footer-sidebar{width:150px;padding: 0 0px 0 0;}
#footer{ clear:both; padding:20px 26px; margin:20px auto 0px auto;}
#dc_jqmegamenu_widget-nocolor-item ul li a .dc-mega-icon{top: 20px;}
#wp-calendar tbody td{ padding: 3px;}
#searchsubmit{margin-bottom:10px;}
input[type="text"], input[type="password"], input[type="email"], textarea, select{margin: 0 5px 10px 0;}
.news{
   padding: 30px 32px 0;
    width: 558px;}
}

/*-------------------------------------------------*/
/* =  Tablet
/*-------------------------------------------------*/
@media screen and (min-width : 480px) and (max-width : 680px) {
#page-wrap { width: 440px; padding:0px 0px; margin: 5px auto 0px auto;}
#king-wrap { background-color:#FFF; width:460px; margin:0 auto;  -webkit-box-shadow:0 1px 5px #777777;
  -moz-box-shadow:0 1px 5px #777777;
  box-shadow:0 1px 5px #777777; }
.slidesc{display:none;}



#header{width: 410px; height:auto; padding:30px 0px 10px 30px;}
#logo{clear:both; float:none; width: 440px; }

#mainnav,#maya-megamenu,#menu-top-navigation{display:none;}
#mainnav-dropdown{display: block; visibility: visible; width:90%; padding:5px 5% 10px 5%; }
#mainnav-dropdown select { width: 100%; padding: 5px; }  
 	
	

.homepagebox{ float:none;  }
.homepagebox-image{ display:none;}


#container{ padding:0px 20px;width:400px;}
#content,#sidebar{ float:none; padding:5px 0px 5px 0px ; margin:0; width:400px; }
.content-full{ clear:both; width:400px; padding:10px 0px 30px 0px;} 
.content-full1{ clear:both; width:400px; padding:0px 0px 0px 0px;} 
.content-full3{ clear:both; width:400px; padding:0px 0px 0px 0px; margin-left:-20px;} 
.full3{padding-left:40px;}
	
.homepagebox-image1{display: block; visibility: visible; width:360px; padding:0px 20px 0px 40px ;}
.homepagebox-text{ width:360px; padding:0px 20px 0px 40px ;}

.blog1-frame{width: 400px; background:none; height:auto;}
.blog1-frame img{padding:0;}
.blog2-frame{ width: 200px; background:none; height:auto;}
.blog2-frame-img{ padding:0;}
.blog3-frame{width: 400px; background:none; height:auto;}

#banner{width: 440px; height: auto; background:none;}
.geser{margin-top:-65px;}

#footer{width:390px; padding:20px 20px 20px 30px;}
.footer-sidebar{ float:none; width:390px; padding:0px 0px 0px 0px;  }

.buat3{margin-left:-20px;} 
.geser20{padding-left:20px; padding-bottom:20px;}
.navigation{clear:both; padding-bottom:20px;}

.banner-slider2{padding-bottom:20px;}
#header-line{height:20px;}
#homepage-content{padding-top:10px;}

#dc_jqmegamenu_widget-black-item,
#dc_jqmegamenu_widget-blue-item,
#dc_jqmegamenu_widget-green-item,
#dc_jqmegamenu_widget-grey-item,
#dc_jqmegamenu_widget-lightblue-item,
#dc_jqmegamenu_widget-nocolor-item,
#dc_jqmegamenu_widget-orange-item,
#dc_jqmegamenu_widget-red-item,
#dc_jqmegamenu_widget-white-item{display:none;}

.r-tab2{margin-left:20px;}
.responsive{display:none;}
.non-responsive{ visibility: visible; }
#portfolio-list .portfolio-item { width:360px;}
#portfolio-list .portfolio-item  img { width: 315px; height:175px;}
.portfolio .item img {  width: 315px; height:175px; }
.portfolio li { margin-right: 10px;}

#header-right{
	width:102px; float:right; color: #666; line-height:155%;}
.news{
   padding: 30px 32px 0;
    width: 558px;}
}


/*-------------------------------------------------*/
/* =  Smartphones
/*-------------------------------------------------*/
@media screen and (max-width: 480px) {

#page-wrap { width: 320px; padding:0px 0px; margin: 5px auto 0px auto;}
#king-wrap { background-color:#FFF; width:320px; margin:0 auto;  -webkit-box-shadow:0 1px 5px #777777;
  -moz-box-shadow:0 1px 5px #777777;
  box-shadow:0 1px 5px #777777; }
.slidesc{display:none;}
#header{width: 300px; height:auto; padding:30px 0px 10px 20px;}
#logo{clear:both; float:none; width: 320px; }

#mainnav,#maya-megamenu,#menu-top-navigation{display:none;}
#mainnav-dropdown{display: block; visibility: visible; width:90%; padding:5px 5% 10px 5%; }
#mainnav-dropdown select { width: 100%; padding: 5px; }  
	

.homepagebox{ float:none; width:280px; padding:5px 5px 5px 5px ; margin:0; }

#container{ padding:0px 15px;width:290px;}
#content,#sidebar{ float:none; padding:5px 0px 5px 0px ; margin:0; }
.content-full{ clear:both; width:290px; padding:0px 0px 30px 0px;} 
.content-full1{ clear:both; width:290px; padding:0px 0px 0px 0px;}
.content-full3{ clear:both; width:290px; padding:0px 0px 0px 0px; margin-left:0px;}
.full3{padding-left:25px;}

.homepagebox-image1{width:300px; display: none; width:100%; background:none; height:auto;}

.homepagebox-image{ display: block; visibility: visible; margin:0px 0px 0px 15px ;}
.homepagebox-text{ width:280px; padding:5px 5px 5px 25px ; }

.blog1-frame{width: 290px; background:none; height:auto;}
.blog1-frame img{padding:0;}
.blog2-frame{ width: 160px; background:none; height:auto;}
.blog2-frame-img{ padding:0;}

#banner{width: 320px; height: auto; background:none;}
.geser{margin-top:-65px;}

#footer{width:270px; padding:20px 35px 20px 15px;}
.footer-sidebar{ float:none; width:270px; padding:0px 0px 0px 0px;  }

.buat3{margin-left:-20px;} 
.geser20{padding-left:10px; padding-bottom:20px;}
.navigation{clear:both; padding-bottom:20px; padding-left:20px;}

.banner-slider2{padding-bottom:20px;}
#header-line{height:20px;}
#homepage-content{padding-top:10px;}

#dc_jqmegamenu_widget-black-item,
#dc_jqmegamenu_widget-blue-item,
#dc_jqmegamenu_widget-green-item,
#dc_jqmegamenu_widget-grey-item,
#dc_jqmegamenu_widget-lightblue-item,
#dc_jqmegamenu_widget-nocolor-item,
#dc_jqmegamenu_widget-orange-item,
#dc_jqmegamenu_widget-red-item,
#dc_jqmegamenu_widget-white-item{display:none;}

#banner-box .left{ float:none; width:100%; margin-right:3%; background:#000;}
#banner-box .right{ float:none; width:100%; padding-top:30px; padding-right:3%; padding:10px 10px;}

#header-right{
	width:152px; float:right; color: #666; line-height:155%; font-size:13px;}
#content .post-date {
    color: #AAAAAA;
    display: table-cell;
    font-size: 11px;
    line-height: 1;
    padding-right: 0.5em;
    vertical-align: middle;
	width:100%;
}
.news{
    padding: 30px 25px 0;
    width: 265px;}
}