@charset "utf-8";
/*
Theme Name: 神戸板金工業株式会社
Theme URI: http://www.kopro.co.jp/
Description: <a href="http://www.kopro.co.jp/" title="神戸板金工業株式会社">神戸板金工業株式会社</a>様のウェブサイト用テーマ
Version: 1.0
Author: 株式会社ジャム・デザイン
Author URI: http://www.jam-design.jp/
*/



/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
font-size:12px;
color:#333333;
text-align:center;
line-height:1.6;
}

a {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
}
img {
border:0;
}
ul{
list-style-type:none;
}
select,
input,
textarea {
font-family:'MS PGothic';
}
html > body select,
html > body input,
html > body textarea {
font-family:'Lucida Grande',sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {
color:#1663b9;
text-decoration:none;
}
a:visited {
color:#1663b9;
text-decoration:none;
}
a:hover,a:active {color:#1663b9;
text-decoration:underline;
}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

/*
-----------------------------------------------
▼ヘッダー
----------------------------------------------- */
#head{
width:100%;
height:63px;
overflow:hidden;
background:url(images/head_bg.gif) repeat-x;
}
#headIn{
width:900px;
margin:0 auto;
text-align:left;
position:relative;
}
h1{
position:absolute;
top:12px;
left:0;
}
#headBtn01{
position:absolute;
top:22px;
left:565px;
}
#headBtn02{
position:absolute;
top:22px;
left:716px;
}

#headBtn01 a{
background:url(images/head_btn01_on.gif) no-repeat;
display:block;
}
#headBtn02 a{
background:url(images/head_btn02_on.gif) no-repeat;
display:block;
}
#headBtn01 a:hover, #headBtn02 a:hover{
background-color:blue;
}
#headBtn01 a:hover img, #headBtn02 a:hover img{
visibility:hidden;
vertical-align:bottom;
}

/*
-----------------------------------------------
▼グローバルナビ
----------------------------------------------- */
#navi{
width:100%;
height:56px;
background:url(images/navi_bg.gif) repeat-x;
}
#naviIn{
width:900px;
margin:0 auto;
text-align:left;
position:relative;
}

#naviIn dl{
display: block;
float:left;
}
#naviIn dl dt{
display: block;
cursor:pointer;
}
#naviIn dl dt a{
display:block;
cursor:pointer;
}
#one-ddheader a{
width:148px;
height:56px;
background:url(images/navi01_on.gif) no-repeat;
}
#two-ddheader a{
width:146px;
height:56px;
background:url(images/navi02_on.gif) no-repeat;
}
#three-ddheader a{
width:146px;
height:56px;
background:url(images/navi03_on.gif) no-repeat;
}
#four-ddheader a{
width:165px;
height:56px;
background:url(images/navi04_on.gif) no-repeat;
}
#five-ddheader a{
width:146px;
height:56px;
background:url(images/navi05_on.gif) no-repeat;
}
#six-ddheader a{
width:149px;
height:56px;
background:url(images/navi06_on.gif) no-repeat;
}

#one-ddheader a:hover,#two-ddheader a:hover,#three-ddheader a:hover,#four-ddheader a:hover,#five-ddheader a:hover,#six-ddheader a:hover{background-color:#fff;}

#one-ddheader a:hover img, #two-ddheader a:hover img, #three-ddheader a:hover img, #four-ddheader a:hover img, #five-ddheader a:hover img, #six-ddheader a:hover img{ 
visibility:hidden;
vertical-align:bottom;
}

.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0;top:57px;}
.dropdown ul {width:206px; border:1px solid #b5b5b5; list-style:none; border-bottom:none}
.dropdown li {display:inline;font-size:13px; line-height:1.4;}
.dropdown li a, .dropdown li a:active, .dropdown ali :visited{
display:block; padding:5px 5px 5px 15px; color:#333333 !important; text-decoration:none; background:url(images/navi_arrow.gif) no-repeat 4px 9px #f3f3f3; width:186px;}
.dropdown li a:hover {background:url(images/navi_arrow_on.gif) no-repeat 4px 9px #c8e1f3; color:#244e7d !important;}
.dropdown .underline {border-bottom:1px solid #b5b5b5}

/*
-----------------------------------------------
▼FLASHエリア
----------------------------------------------- */
#flash{
width:100%;
background:url(images/flash_bg.gif) repeat-x;
padding:9px 0 17px;
}
#flashIn{
width:900px;
height:255px;
margin:0 auto;
}
/*
-----------------------------------------------
▼パンくず（下層ページのみ）
----------------------------------------------- */
#pan{
width:100%;
background:url(images/pan_bg.gif) repeat-x;
padding:18px 0 3px;
text-align:left;
}
#panIn{
width:900px;
margin:0 auto;
}

/*
-----------------------------------------------
▼topコンテンツエリア
----------------------------------------------- */
#top{
width:100%;
background:url(images/top_bg.gif) repeat-x;
padding-top:10px;
}
#topIn{
width:912px;
margin:0 auto;
}
#topLeft{
width:588px;
float:left;
margin-left:6px;
}
/* IE6用の設定▼ \*/
* html #topLeft{
margin-left:3px;
}
/* ▲IE6用の設定 */


/* ボタンエリア */
#topBtn{
width:588px;
margin-bottom:10px;
}
#topBtn01{
width:286px;
float:left;
}
#topBtn02{
width:286px;
float:right;
}
#topBtn01 .btn, #topBtn02 .btn{
width:286px;
height:118px;
}
#topBtn01 p, #topBtn02 p{
text-align:left;
font-size:12px;
line-height:1.3;
margin-top:-2px;
}
#topBtn01 a{
/* background:url(images/top_btn01_on.jpg) no-repeat; */
background:url(images/top_btn01.jpg) no-repeat;
display:block;
}
#topBtn02 a{
/* background:url(images/top_btn02_on.jpg) no-repeat; */
background:url(images/top_btn02.jpg) no-repeat;
display:block;
}
#topBtn01 a:hover, #topBtn02 a:hover{
background-color:blue;
}
#topBtn01 a:hover img, #topBtn02 a:hover img{
visibility:hidden;
vertical-align:bottom;
}

/* 新着情報 */
#topNews{
width:588px;
background:url(images/top_news_sha.gif) repeat-y right top;
text-align:left;
position:relative;
}
#topNews h2{
width:588px;
height:33px;
}
#topNews .listBtn{
position:absolute;
top:5px;
right:17px;
}
#topNews #dataBlock{
width:562px;
height:160px;
background-color:#f2f2f2;
padding:5px 10px;
overflow:auto;
}

#topNews #dataBlock dl{
width:547px;
padding:5px 0;
border-bottom:1px dotted #afafaf;
}
/* IE 用▼ */
* html #topNews #dataBlock dl{
width:542px;
}
/* IE7用の設定▼ \*/
*+html #topNews #dataBlock dl{
width:542px;
}
/* ▲IE7用の設定 */


#topNews #dataBlock dl dt{
width:7em;
padding:2px 0 0 15px;
float:left;
clear:both;
background:url(images/arrow_blue.gif) no-repeat 2px 6px;
}
#topNews #dataBlock dl dd{
font-size:14px;
padding-left:7em;
}


#topRight{
width:298px;
float:right;
}

/* トップ_製品紹介 */
#topPro{
width:292px;
padding-right:6px;
background:url(images/top_product_sha.gif) repeat-y right top;
}

#topPro01, #topPro02{
width:146px;
height:195px;
float:left;
}
#topPro03, #topPro04{
width:146px;
height:137px;
float:left;
}
#topPro01 a{
background:url(images/top_product_btn01_on.jpg) no-repeat;
display:block;
}
#topPro02 a{
background:url(images/top_product_btn02_on.jpg) no-repeat;
display:block;
}
#topPro03 a{
background:url(images/top_product_btn03_on.jpg) no-repeat;
display:block;
}
#topPro04 a{
background:url(images/top_product_btn04_on.jpg) no-repeat;
display:block;
}

#topPro01 a:hover, #topPro02 a:hover, #topPro03 a:hover, #topPro04 a:hover{
background-color:blue;
}
#topPro01 a:hover img, #topPro02 a:hover img, #topPro03 a:hover img, #topPro04 a:hover img{
visibility:hidden;
vertical-align:bottom;
}

/* コンテンツフッター */
#conFoot p{
width:900px;
margin:15px auto 3px;
text-align:right;
}
#top #conFoot p{
width:912px !important;
}
#conFoot p a:link, #conFoot p a:visited{
color:#333;
}

/*
-----------------------------------------------
▼下層コンテンツエリア
----------------------------------------------- */
#lower{
width:900px;
margin:0 auto;
}

/*
-----------------------------------------------
▼下層サイドナビ
----------------------------------------------- */
#sideNavi{
width:226px;
margin:0 auto;
text-align:left;
float:left;
}
#sideNavi #subMenu li{
width:226px;
font-size:13px;
}
#sideNavi #subMenu li a{
width:196px;
display:block;
padding:8px 10px 7px 20px;
background-color:#fff;
border-bottom:1px solid #d8d8d8;
}
#sideNavi #subMenu li a:link, #sideNavi #subMenu li a:visited{
background:url(images/arrow_side.gif) no-repeat 10px 14px #f3f3f3;
}

#sideNavi #subMenu li a:hover, #sideNavi #subMenu li a:active{
background:url(images/arrow_side_on.gif) no-repeat 10px 14px #d8ebf4;
}
#sideBan{
margin:5px 0;
}
#sideBan img{
margin-bottom:5px;
}
.pageTop{
text-align:right;
margin:10px 0 20px;
font-size:11px;
}

/*
-----------------------------------------------
▼下層コンテンツ
----------------------------------------------- */
#contents{
width:662px;
float:right;
text-align:left;
}
#contents h2{
margin-bottom:5px;
}

/*
-----------------------------------------------
▼フッター
----------------------------------------------- */
#foot{
width:100%;
background:url(images/foot_bg.gif) repeat-x #23283a;
padding:40px 0 20px;
}
#footIn{
width:900px;
margin:0 auto;
text-align:left;
color:#fff;
}
#footIn strong{
font-size:16px;
letter-spacing:0.1em;
margin-bottom:2px;
display:block;
}
#footIn p{
margin-bottom:8px;
}

/* コピーライト */
#copy{
width:100%;
background:url(images/copy_bg.gif) repeat-x;
padding:4px 0 2px;
}


/*
-----------------------------------------------
▼News & topics
----------------------------------------------- */
.news h3{
border-left:8px solid #0a4472;
border-bottom:1px solid #d8d8d8;
background-color:#f7f7f7;
margin-bottom:10px;
padding:8px 10px 7px 10px;
font-size:14px;
}


#attachment_5{
border:1px #ccc solid;
padding:5px;
background-color:#f7f7f7;
float:right;
margin:0 0 8px 12px;
}
.news .newsData p{
margin:5px 0 20px 10px;
}

#attachment_5 img{
margin-bottom:2px;
}
#attachment_5 p{
font-size:11px;
margin:0;
}

/*
-----------------------------------------------
▼製品情報
----------------------------------------------- */
.product h3{
border-left:8px solid #0a4472;
border-bottom:1px solid #d8d8d8;
background-color:#f7f7f7;
margin-bottom:10px;
padding:8px 10px 7px 10px;
font-size:14px;
}
.proText01, .proText02, .proText03, .proText04{
padding:10px 320px 30px 15px;
font-size:14px;
}
.proText01{background:url(images/product01_img01.jpg) no-repeat right top;}
.proText02{background:url(images/product02_img01.jpg) no-repeat right top;}
.proText03{background:url(images/product03_img01.jpg) no-repeat right top;}
.proText04{background:url(images/product04_img01.jpg) no-repeat right top;}

.proImg{
margin:15px 0 20px 2px;
}

/*
-----------------------------------------------
▼工場・設備
----------------------------------------------- */
.facRead{
margin:10px 5px 20px;
float:left;
}

.facRead h3{
width:321px;
}
.facRead p{
width:321px;
padding:10px 5px 5px;
}
.facImg{
float:right;
display:block;
margin:10px 0;
}

.facBlock01{
background-color:#f4f3f3;
padding:10px;
margin-bottom:15px;
}
.facBlock01 img{
width:210px;
border:1px solid #fff;
display:block;
float:left;
margin-right:10px;
}
.facBlock01 p{
width:195px;
float:left;
margin:5px 0 0;
}

.facBlockL{
width:318px;
float:left;
}
.facBlockR{
width:318px;
float:right;
}
.facBlockL .facBlock01, .facBlockR .facBlock01{
margin-bottom:0;
}
.facBlockL .facBlock01 img, .facBlockR .facBlock01 img{
width:282px;
border:1px solid #fff;
display:block;
clear:both;
margin-left:7px;
}
.facBlockL .facBlock01 p, .facBlockR .facBlock01 p{
width:282px;
clear:both;
margin:5px 0 0 7px;
}

.facTblL{
width:325px;
float:left;
margin-top:5px;
}
.facTblR{
width:325px;
float:right;
margin-top:5px;
}
.facTblL h3, .facTblR h3{
border-left:6px solid #0a4472;
border-bottom:1px solid #d8d8d8;
background-color:#f7f7f7;
margin-bottom:5px;
padding:5px 10px 4px 10px;
font-size:14px;
}
.facTbl{
width:325px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
margin-bottom:20px;
}
.facTbl th{
vertical-align:top;
color:#fff;
font-size:13px;
background-color:#305baa;
border-right:1px solid #999;
padding:3px 5px;
text-align:center;
}
.facTbl td{
vertical-align:top;
border-right:1px solid #999;
padding:5px 5px;
}
.facTbl td p{
text-align:center;
}
.facTbl tr.blue{
background-color:#e2eef7;
}
.facSetL,.facSetR{
width:318px;
margin:10px 0 15px;
text-align:center;
}
.facSetL img,.facSetR img{
margin-bottom:3px;
}

.facSetL{
float:left;
}
.facSetR{
float:right;
}

/*
-----------------------------------------------
▼海外ネットワーク
----------------------------------------------- */
.global h3{
border-left:8px solid #0a4472;
border-bottom:1px solid #d8d8d8;
background-color:#f7f7f7;
margin-bottom:10px;
padding:8px 10px 7px 10px;
font-size:14px;
}
.gloRead{
width:360px;
float:left;
padding-top:5px;
padding-left:10px;
}
.gloRead img{
margin-top:20px;
}
.gloMap{
float:right;
}
.gloMain{
margin:10px 0 20px 10px;
}
.gloMain img{
float:left;
}
.gloMain p{
padding:150px 0 10px 535px;
}
.gloMain .photoCap{
padding:208px 0 10px 535px !important;
}


.gloMain2{
position:relative;
margin:10px 15px 30px 10px;
}
.gloMain2 img{
float:right;
}
.gloMain2 .photoCap{
position:absolute;
top:208px;
left:35px;
}


.global h4{
background:url(images/icon_blue.gif) no-repeat 5px 11px;
padding:7px 5px 0px 22px;
font-size:14px;
border-bottom:1px solid #1663b0;
margin-bottom:5px;
}
.gloText{
margin:10px 0 5px 5px;
}
.gloPhoto01{
margin-left:5px;
}
/* IE6用の設定▼ \*/
* html .gloPhoto01{
margin-left:0;
}
/* ▲IE6用の設定 */

.gloPhoto01 li{
float:left;
display:block;
margin-right:10px;
margin-bottom:20px;
margin-top:5px;
}
.gloPhoto01 li img{
display:block;
margin-bottom:4px;
}
.gloPhoto01 span{
width:275px;
display:block;
margin-left:5px;
}
.kbc li{
width:206px;
margin-right:13px;
line-height:1.3 !important;
}
.kbc li img{
padding-bottom:4px;
}
/*
-----------------------------------------------
▼会社情報
----------------------------------------------- */
.company h3{
border-left:8px solid #0a4472;
border-bottom:1px solid #d8d8d8;
background-color:#f7f7f7;
margin-bottom:10px;
padding:8px 10px 7px 10px;
font-size:14px;
}

.companyTbl{
width:640px;
margin-left:10px;
}
.companyTbl th, .companyTbl td{
border-bottom:1px dotted #999;
vertical-align:top;
}
.companyTbl th{
background:url(images/icon_blue.gif) no-repeat 5px 10px;
padding:7px 5px 5px 25px;
font-size:13px;
}
.companyTbl td{
padding:7px 10px 5px 0px;
}

.company .pBlock{
width:640px;
margin-left:10px;
margin-top:10px;
}
.company .pBlock .left{float:left;}
.company .pBlock .right{float:right;}

.company .groupBlock{
width:660px;
border:1px solid #de9f5b;
background-color:#faefe5;
margin:0 0 10px 0;
}
.company .groupBlock h4{
width:610px;
background:url(images/icon_brown.gif) no-repeat 0 8px;
border-bottom:1px dotted #be7220;
margin:5px 10px 0;
padding:4px 10px 4px 17px;
font-size:14px;
}
.company .groupBlock p{
margin:5px 20px 10px;
}
.company .groupBlock p span{
font-size:13px;
font-weight:bold;
color:#7f4506;
}

.company .mesBlock{
margin:0 10px;
}
.company .mesBlock p{
float:left;
margin-bottom:12px;
}
.company .mesBlock .prePhoto{
float:right;
width:200px;
padding:0 0 5px 5px;
}
.company .mesBlock .aisatu{
float:left;
width:420px;
}
.company .mesBlock .aisatu p{
float: right;
margin-bottom:12px;
}
.company .mesBlock ol{
float: right;
list-style-position: inside;
padding-bottom:12px;
}
.company .mesBlock ol li{
padding-left:1.5em;
text-indent:-1.5em;
}

.company .rinen{
padding-top:10px;
margin:0 10px;
background:url(images/company_rinen_bg.jpg) no-repeat top right;
}
.company .rinen p{
margin-bottom:12px;
}
.company .rinen p.rinenT{
font-size:13px;
margin-bottom:20px;
}

.company .rinen p span{
font-size:16px;
font-weight:bold;
}
.company .rinen img{
margin-left:10px;
}

.company .sosiki{
margin:0 0 10px 30px;
}
.companyTbl02, .companyTbl03{
width:640px;
margin-left:10px;
border-top:1px solid #999;
border-left:1px solid #999;
margin-bottom:10px;
}
.companyTbl02 th{
vertical-align:top;
color:#fff;
font-size:15px;
background-color:#305baa;
border-bottom:1px solid #999;
border-right:1px solid #999;
padding:3px 5px;
}
.companyTbl03 th{
vertical-align:top;
color:#fff;
font-size:15px;
background-color:#4f994a;
border-bottom:1px solid #999;
border-right:1px solid #999;
padding:3px 5px;
}
.companyTbl02 td, .companyTbl03 td{
vertical-align:top;
border-bottom:1px solid #999;
border-right:1px solid #999;
padding:5px 5px;
}
.companyTbl02 td.tdL, .companyTbl03 td.tdL{
width:120px;
}

.mapBlock{
margin:0 0 10px 25px;
}
.mapBlock img{
float:left;
margin-right:10px;
}
.mapBlock p{
margin-bottom:20px;
}
.mapBlock p span{
font-weight:bold;
display:block;
margin-top:10px;
}



/*
-----------------------------------------------
▼採用情報
----------------------------------------------- */
.recruite h3{
border-left:8px solid #0a4472;
border-bottom:1px solid #d8d8d8;
background-color:#f7f7f7;
margin-bottom:10px;
padding:8px 10px 7px 10px;
font-size:14px;
}

.wantList{
list-style:disc;
font-size:13px;
font-weight:bold;
margin:5px 10px 10px 40px;
}
.wantList li{
margin-bottom:3px;
}
.recruite h4{
background:url(images/icon_blue.gif) no-repeat 5px 11px;
padding:7px 5px 0px 23px;
font-size:14px;
border-bottom:1px solid #1663b0;
margin-bottom:5px;
}
.recTbl01{
width:630px;
margin:10px 10px 30px 20px;
}
.recTbl01 th{
width:100px;
border-bottom:1px dotted #999;
padding:5px 10px 4px 10px;
font-size:13px;
}
.recTbl01 td{
border-bottom:1px dotted #999;
padding:5px 10px 4px 10px;
}
.recTbl02{
width:350px;
border-top:1px solid #afafaf;
border-left:1px solid #afafaf;
margin:5px 0;
}
.recTbl02 th{
width:100px;
background-color:#eee;
border-bottom:1px solid #afafaf;
border-right:1px solid #afafaf;
}
.recTbl02 td{
border-bottom:1px solid #afafaf;
border-right:1px solid #afafaf;
}

.recTbl03{
width:400px;
margin:10px 10px 0 20px;
border-top:1px solid #afafaf;
border-left:1px solid #afafaf;
}
.recTbl03 th{
width:100px;
background-color:#eee;
padding:5px 0 4px 10px;
border-bottom:1px solid #afafaf;
border-right:1px solid #afafaf;
}
.recTbl03 td{
padding:5px 0 4px 10px;
border-bottom:1px solid #afafaf;
border-right:1px solid #afafaf;
}
.recruite .underTbl{
margin:2px 0 30px 20px
}
.recPhoto{
margin-left:10px;
margin-bottom:30px;
}
.recPhoto img{
margin:0 10px;
}
.recBoxL{
width:310px;
float:left;
}
.recBoxR{
width:310px;
float:right;
}
.recBoxL p, .recBoxR p{
margin:0 5px 5px;
}
.recBoxL img, .recBoxR img{
margin:0 10px 5px;
}
.recNext{
margin:20px 0 30px 180px;
}
#recForm p span{
color:red;
font-weight:bold;
}

/*
-----------------------------------------------
▼フォーム関連（お問い合わせ・エントリーフォーム）
----------------------------------------------- */
.wpcf7 table{
width:620px;
margin:5px 0 10px 20px;
border-top:1px solid #999;
border-left:1px solid #999;
}
.wpcf7 table th{
width:170px;
padding:5px 10px 4px;
border-bottom:1px solid #999;
border-right:1px solid #999;
background-color:#e3f2fc;
}
.wpcf7 table th span{
color:red;
}
.wpcf7 table td{
margin:20px 0 20px 20px;
padding:10px 10px 4px;
border-bottom:1px solid #999;
border-right:1px solid #999;
}
.wpcf7 table td span{
display:block;
}
.wpcf7 p{
margin:10px 0 5px 20px;
}

.wpcf7 .sendBtn input{
width:100px;
padding:10px 0;
margin-left:20px;
}

.recRadio span{
padding-right:20px;
float:left;
}
.recRadio span.wpcf7-list-item-label{
padding-right:5px;
}

/*
-----------------------------------------------
▼個人情報の扱いについて
----------------------------------------------- */
.privacy h3{
background:url(images/icon_blue.gif) no-repeat 5px 10px;
padding:7px 5px 0px 25px;
font-size:14px;
border-bottom:1px solid #1663b0;
margin-bottom:5px;
}
.priRead{
margin:15px 10px 20px;
}
.priText{
margin:5px 10px 20px;
}

/*
-----------------------------------------------
▼リンク集
----------------------------------------------- */
.linkTbl{
width:640px;
margin-left:10px;
}
.linkTbl th, .linkTbl td{
border-bottom:1px dotted #999;
vertical-align:top;
}
.linkTbl th{
background:url(images/icon_blue.gif) no-repeat 5px 10px;
padding:7px 5px 5px 25px;
font-size:13px;
}
.linkTbl td{
padding:7px 10px 5px 0px;
}

/*
-----------------------------------------------
▼サイトマップ
----------------------------------------------- */
.ddsg-wrapper h2{
display:none;
}
.ddsg-wrapper ul{
margin:10px 0;
}
.ddsg-wrapper li{
background:url(images/arrow_blue2.gif) no-repeat 25px 10px;
padding:5px 5px 4px 37px;
}



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

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;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

select {
    width: 130px;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
#respond:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
/* End Form Elements */



/* Captions */
.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;
    -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;
}
/* End captions */



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    It won't be a stylish marriage, I can't afford a carriage.
    But you'll look sweet upon the seat of a bicycle built for two." */


@media print {
#sideNavi{
display:none;
}
#contents{
float:none;
width:100%;
}


}

/* css_end */