/*
Theme Name: Arion
Theme URI: N/A
Description: Theme with HTML5 
Version: 1.0
Author: Yokoyama Keiji
Author URI: http://kent-design.net
Tags: HTML5

Brank theme for your WP.

The CSS, HTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/* ******************************************************** */
/* VERY IMPORTANT : for HTML5 tags. Do NOT remove the code  */
/* below. All unknown tags are interpreted by default as    */
/* "display:inline"                                         */
/* ******************************************************** */
 
header, hgroup, section, footer, aside, nav, article { 
	display: block;   
}


/* GENERAL */
body {font-family: Arial, Helvetica, sans-serif; color: #666;margin: 0; padding: 0; background-image: url(images/bg.gif);}

#container {margin: 0; padding: 0;}
img {border: none;}
img a {border: none;}

/* The page header     */
/* ******************* */
/* applied to <header> */

#header {width: 940px; height: 120px; margin: 0 auto;  padding: 0 30px; background-color: #fff; background-image: url(common/img/line_header.gif); background-position: center 60px; background-repeat: no-repeat; overflow: hidden;}
#logo {padding:0; height: 120px;}
#logo h1 {width: 250px; float: left;}
#logo h1 a {color:#013e5d;text-decoration: none;}
#logo h2 {display: none;}
#pages {margin-top: 40px; color: #999; float: right; width: 650px; text-align: right;}
#pages a {font:normal 14px Arial, Helvetica, sans-serif; color: #999; text-decoration: none;}
#pages a:hover {color: #333; text-decoration: underline;}

/* Background content */
/* ****************** */
#content {width: 940px; min-height: 500px; background-color:#FFF;padding:20px 30px 60px 30px;margin: 0 auto; clear: both; overflow: hidden;}

/* Pages navigation */
/* *************** */
.left a, .right a {font: normal 13px Georgia, "Times New Roman", Times, serif; color: #e04d88;}
.left {text-align:left;}
.right {text-align: right;}

/* The posts */
/* ********* */
#main {width: 940px;padding-bottom: 50px; min-height: 500px;}
#left {float: left; width: 650px;margin-bottom: 20px;}
#titre h1 {margin-bottom: 30px; padding: 0 0 0 10px; border-bottom: 2px solid #afafaf; border-left: 28px solid #afafaf;}
#titre h1 a {color:#013e5d;font: bold 22px Arial, Helvetica, sans-serif;letter-spacing: 1px;text-decoration:none;}
#titre h1 a:hover {color: #785430;}
#titre pre {font: normal 11px "Courier New", Courier, monospace;letter-spacing: 3px;text-transform:uppercase;color: #e04d88;border-top: 1px dotted #ccc;padding:10px 0 0 0;margin: 0 0 25px 0;}
#titre-top {display: none;}
#article h1, h2, h3, h4, h5, h6 {color:#424242;}
#article h3 {font: bold 16px Arial, Helvetica, sans-serif; padding: 0 0 0 10px; margin: 40px 0 0 240px; border-bottom: 1px solid #afafaf; border-left: 16px solid #afafaf;}
#article h4 {font: bold 16px Arial, Helvetica, sans-serif; padding: 0 0 0 10px; margin: 40px 0 0 0; border-bottom: 1px solid #afafaf; border-left: 16px solid #afafaf;}
#article h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#013e5d;}
#article h2 {font: bold 18px Arial, Helvetica, sans-serif; border-left: 6px solid #ccc; border-bottom: 1px dotted #ccc; padding-left: 10px; margin; 20px 0 -10px 0;}
#article p {line-height: 1.5em;color: #666;font-size: 14px;}
#article p a {color: #785430;border-bottom: 1px dotted #70a624;text-decoration:none;}
#article p a:hover {background-color: #EEECEA;}
#article p.postmetadata {margin-bottom: 80px;font: 13px/20px Georgia, "Times New Roman", Times, serif}
#article p.cont {font:bold italic 13px Arial, Helvetica, sans-serif;}
#article p.cont a {color: #2a99d8; text-decoration: none;}
#article p.cont a:hover {color: #0e496b; text-decoration: none;}
#article ul, ol {font-size: 90%;color: #666;}
#article table {border-collapse: collapse;}
#article td, th {color: #666;font-size: 90%;padding: 5px;border: 1px solid #EAEAEA;}

/* ****** TopPage ********* */
/* slideshow */
#slideshow {position:relative; width: 940px; height: 354px; margin: 0 0 10px 0;}
#slideshow IMG {position:absolute; top:0; left:0; width: 940px; height: 354px; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

.topmessage {font: normal 24px Arial, Helvetica, sans-serif; color: #0080ae; padding: 20px 0; text-align: center; border-bottom: 1px dotted #a9a9a9;}

/* grid */
#article .top-grid {padding: 20px 0; clear: both; font-size: 13px;}
#article .tgrid-left {width: 220px; float: left; padding-right: 20px;}
#article .tgrid-left img {float: left; padding-right: 20px;}
#article .tgrid-left h3 {margin-top: -10px; margin-bottom: 0; font: bold 18px Arial, Helvetica, sans-serif;}
#article .tgrid-left p {font-size: 13px; color: #666; line-height: 16px;}
#article .tgrid-left p a {}
#article .tgrid-left p a:hover {}
#article .tgrid-right {width: 220px; float: left;}
#article .tgrid-right img {float: left; padding-right: 20px;}
#article .tgrid-right h3 {margin-top: -10px; margin-bottom: 0; font: bold 18px Arial, Helvetica, sans-serif;}
#article .tgrid-right p {font-size: 13px; color: #666; line-height: 16px;}


/* ****** ContentsPage ********* */

/* company */
dl.company {width: 520px; font-size: 14px; color: #666; line-height: 2em;}
dl.company dt, dl.company dd {padding-bottom: 6px;}
dl.company dt {width: 100px; float: left;}
dl.company dd {padding-left: 110px; width: 390px;}

#map_canvas {margin: 40px 0;}

/* contact */

.item-thum {padding-bottom: 40px; overflow: hidden;}
.item-grid {width: 136px; padding: 20px 10px; float: left; text-align: center; font-size: 10px;}

.contact-grid {padding: 20px 0; clear: both; font-size: 14px;}
.cgrid-left {width: 280px; float: left;}
.cgrid-right {width: 620px; float: right;}

p.left30 {padding-left: 30px;}
p.price {padding-left: 30px; font: bold 18px Arial, Helvetica, sans-serif; color: #000;}

/* PageTop */
#pagetop {float: right; padding: 20px; clear: both;}
#back-top {position: fixed;bottom: 222px;right: 13%;}
#back-top a {width: 80px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {width: 80px;height: 22px;display: block;margin-bottom: 7px;background: url(common/img/gotop.png) no-repeat center center;}
#back-top a:hover span {}


/* The comments */
/* ************ */

#respons .rounded {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color:#EEECEA;border: 1px solid #978D80;padding: 3px;}
.commentlist .quote {background: url(images/bg_quote.gif) no-repeat top right ;   }   
.commentlist li {padding: 5px 18px 22px 18px; border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;   -webkit-border-radius: 10px 10px 0 0; margin-top:15px; background:#EEECEA url(images/bg_commentlist.gif) bottom left no-repeat; color:#785430; height: 100px;}   
html>body .commentlist li  {height: auto;min-height: 70px;} 
.commentlist cite {display:block; font-style:normal;padding-left: 20px;}   
.commentlist cite a:link, .commentlist cite a:visited {color:#5cb4bc; text-decoration:none;   }   
.commentlist cite a:hover, .commentlist cite a:active {text-decoration:underline;}  
.commentlist img.avatar {float:left;margin-right: 10px;border: 4px solid #fff;}

/* The sidebar */
/* *********** */
#sidebar {width: 260px; margin-left: 680px;}
#sidebar ul {list-style-type:none;margin:auto !important;margin: 10px 0;}
#sidebar ul li h2 {font: normal 18px/17px Arial, Helvetica, sans-serif;text-transform:lowercase;color:#333;padding: 0;margin: 30px 0 20px 0;}
#sidebar ul li ul {font: 13px Arial, Helvetica, sans-serif;padding:0; margin-left: -20px}
#sidebar ul li ul li {margin: 10px 0; border-bottom: 1px dotted #ccc;}

#sidebar ul li ul li a {color: #666;text-decoration: none;margin-left: 2px !important;margin-left: -10px;}
#sidebar ul li ul li a:hover {text-decoration:underline;}
#searchform {color: #ccc;text-transform:uppercase;font-size: 10px;letter-spacing: 2px;margin:0 0 5px 0;padding-right: 20px;}
#sidebar .button {color: #ccc;font-size:18px;border: none;background: none;padding-top: 0;}
#sidebar .field {border: 1px solid #ccc;padding: 3px;margin-top: 7px !important;margin-top: 2px;}
.widget_tag_cloud a {color: #5cb4bc;text-decoration: none;}


/* ****** footer ***** */
#footer {clear:both;color: #fff;padding: 0;margin: 0;background-color: #3d3d3d;border-top: 1px solid #ccc;}
#footer .footer-inner {width: 940px; padding: 10px 30px 20px 30px; margin: 0 auto;}
#footer h3 {color: #fff;}
/* grid */
.foot-grid {width: 440px; float: left; font-size: 11px;}

ul.sitemap {font: 13px Tahoma, Geneva, sans-serif;}
ul.sitemap li {list-style: square; margin-bottom: 6px;}
ul.sitemap li a {color: #fff; text-decoration: none;}
ul.sitemap li a:hover {color: #ccc; text-decoration: none;}

ul.foot-news {width: 460px; float: right; font: 13px Tahoma, Geneva, sans-serif;}
ul.foot-news li {list-style: none; border-bottom: 1px dotted #ccc; margin-bottom: 12px;}
ul.foot-news li a {color: #fff; text-decoration: none;}
ul.foot-news li a:hover {color: #ccc; text-decoration: none;}
ul.foot-news li span.date-news {color: #2a99d8; font-size: 11px;}

#footer p.cont {font:bold italic 13px Arial, Helvetica, sans-serif;}
#footer p.cont a {color: #2a99d8; text-decoration: none;}
#footer p.cont a:hover {color: #0e496b; text-decoration: none;}
#footer p.copy {clear: both; font: 12px Tahoma, Geneva, sans-serif;}

/* others - do NOT delete, needed since wordpress 2.5 */
/* ************************************************** */
.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;-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-dd {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

.clear {clear:both;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;line-height:0;clear:both;}

/* WinIE7 only */
*:first-child+html .clearfix {height:1%;}

/* WinIE6 and below \*/
* html .clearfix {height:1%;}

/* contact form */
p span.atention {font: 10px;color: #FF0000;}

div#content_box h3 {font: bold 16px Arial, Helvetica, sans-serif; color: #ff7000; margin: 20px 0 10px 0; border-bottom: 1px dotted #ff7000;}
div#content_box dl {background: url(../img/border_dot.gif) no-repeat left bottom; clear: both;width: 620px;height: auto;padding: 10px 0 10px;margin-right: 0;font-size: 12px;border-bottom: 1px dotted #ccc;}
div#content_box dl dt {float: left;width: 118px;text-indent: 3px;display: inline;background-image: url(images/form_li.gif);background-repeat: no-repeat;background-position: left bottom;}
div#content_box span.atention {font: 10px;color: #FF0000;}
*html div#content_box dl dd input#catalog1,
*html div#content_box dl dd input#catalog2,
*html div#content_box dl dd input#catalog3 {text-indent: 0;}

div#content_box dl>dd {text-indent: 0;padding-left: 138px;}
div#content_box dl dd:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
div#content_box dl dd input,
div#content_box dl dd textarea {display:inline;}
div#content_box dl dd input#item_code {margin-right: 10px;}


img a {border: none;}