@charset "UTF-8";
/* jupacjapan base.css_02232009 */

* {
margin: 0;
padding: 0;
}

body {

font: 13px; /* Firefox、Safari、Opera */
*font-size: small; /* Win IE7およびWin IE6標準準拠モード */
*font: x-small; /* Win IE 5-5.5､6（後方互換モード） */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #222222;
line-height: 150%;
background-color: #E9E5E2;
background-image: url(http://jupacjapan.com/common/img/main-bg.gif);
background-repeat: repeat-x;
}

.skip{
left: -9999px;
position: absolute;
}

a, a:link, a:visited {
color: #222222;
/* text-decoration: underline; */
background-color: transparent;
}

a:hover, a:active {
color: #aaaaaa;
/* text-decoration: none; */
background-color: transparent;
}

p,pre { margin: 0 0 1em 0; }

h1, h2, h3, h4, h5 {
}

img {
border: 0;
}

a img,:link img,:visited img { border: none; }

select { width: 100px; }

ol { list-style: decimal outside; margin-left: 10px; }
ul { list-style: none; }
li { }

hr {
border: 0;
height: 1px;
background-color: #666666;
color: #666666;
}

.flashmenu {}
.en { font-family: "ＭＳ ゴシック", Osaka−等幅, Courier, "Courier New"; }

/* Utilities _________________________*/
.pkg:after,#content-inner:after {
content: "";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

.pkg, #content-inner { display: inline-block; }
/* no ie mac ¥*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

.clear { clear: both; }
/* _____________________________________________________*/

/* Layout ------------------------------*/
#container {
width: 100%;
text-align: center;  /* IE 向けセンタリング指定 */
background-image: url(http://jupacjapan.com/common/img/container-bg.gif);
background-repeat: no-repeat;
background-position : center top;
font-size: 93%; /* テキストの標準サイズを12px相当に指定 */
}
#container-inner {
position: relative;
margin: 0 auto;/* Firefox 向けセンタリング指定 */
text-align: left;
width:900px;
background-color: #ffffff;
}

#content {  }
#content-inner {  }

#header, #content, #alpha, #beta, #beta-blog, #footer,#inquiry { position: relative; }
#content-inner,#header-inner,#alpha-inner, #beta-inner, #footer-inner,
#inquiry-inner { position: static; }
#alpha, #beta,#beta-blog,#inquiry { display: inline; float: left; }
#alpha-inner, #beta-inner, #footer-inner,
#inquiry-inner { overflow: hidden; }
#footer { height: auto; }

#alpha { width:660px;padding:20px 0px 0px 0px; }
#alpha-inner { width:660px; }
#beta,#beta-blog  { width:210px;padding:20px 0px 20px 0px; }
#beta-inner { width:170px;margin:0px 20px 0px 20px; }

#alpha a,#alpha a:link,#alpha a:visited {
color: #222222;
text-decoration: underline;
background-color: transparent;
}
#alpha a:hover,#alpha a:active {
color: #aaaaaa;
text-decoration: underline;
background-color: transparent;
}

#beta a,#beta a:link,#beta a:visited {
color: #222222;
text-decoration: underline;
}
#beta a:hover,#beta a:active {
color: #aaaaaa;
text-decoration: underline;
}

#beta-blog a,#beta-blog a:link,#beta-blog a:visited {
color: #222222;
text-decoration: none;
background-color: #FFFF66;
}
#beta-blog a:hover,#beta-blog a:active { color: #666666; text-decoration: none;background-color: #FFFFCC; }

#header { position: relative; }
#header-inner { position: static;overflow: hidden; }
#header-name { position: absolute;left: -9999px; }
#header-description { position: absolute;left: -9999px; }
#header-menu {
position: relative;
width:900px;
height:22px;
background-color:#663300;
}
#header-menu ul { margin-left:364px; }
#header-menu li {
display: inline;
float: left;
}

#footer-img { width:900px;height:225px; }

#footer {
width: 100%;
text-align:center;
}

#footer-inner {
line-height: 100%;
margin: 0 auto;/* Firefox 向けセンタリング指定 */
text-align: left;
width:900px;
}


#footer-inner a, #footer-inner a:link,#footer-inner a:visited {
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
}
#footer-inner a:active, #footer-inner a:hover {
color: #cccccc;
text-decoration: underline;
background-color: transparent;
}

.footer-contents {
padding:6px 0 20px 10px;
color: #FFFFFF;
background-color: #67686A;
}

.footer-link {
font-size: 85%;
padding:2px 0 0 0;
}

.footer-copy {
font-size: 77%;
margin: 4px 0 0 0;
}


/* エラーページ_____________________________ */
.t140 { color: #222222; font-size: 116%; font-weight: bold; margin:0 0 5px 0; }
.t141 { color: #222222; font-size: 108%; letter-spacing:.1em; margin:0 0 5px 0; }
.t122 { color: #444444; letter-spacing:.1em; margin:10px 0 20px 0; }




/* 共通 */
.general { margin-top:40px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }

.beta-list {
padding:0 0 20px 0;
}

.gadget1 {
width:160px;
height:auto;
padding-bottom:10px;
}
.gadget2 {
width:160px;
height:auto;
padding-bottom:10px;
}

/* メインページ */
.alpha-subtitle {
font-size:100%;
color:#2B4D21;
font-weight:bold;
}
.alpha-text {
padding-left:20px;
padding-bottom:20px;
clear:both;
}

.info-list dl {
width:640px;
}
.info-list dt {
float:left;
width:100px;
padding:5px 0px 5px 0px;
clear:both;
}
.info-list dd {
width:580px;
margin-left:100px;
padding:5px 0px 5px 0px;
}

/* アルファ */
.alpha-title-img { padding-bottom:50px; }

/* 会社概要 */
#company { padding-bottom:40px }

#company dl {
width:640px;
}
#company dt {
float:left;
width:100px;
padding:5px 20px 5px 5px;
clear:both;
font-weight:bold;
text-align:right;
}
#company dd {
width:540px;
margin-left:130px;
padding:5px 5px 5px 0px;
/*border-left:1px solid #999;*/
}

/* 在庫状況 */
#stock { padding-bottom:40px }
.stock-list { padding-bottom:20px; }
.stock-title { padding-bottom:5px;font-weight:bold;font-size:93%;color:#444; }
.stock-text { padding:0px 0px 0px 1em; }
.stock-notice { font-size:93%;color:#444; }



/* ___________________________________________ */
/* /Layout -----------------------------*/

/* Assets -----*/

.asset-body, .asset-more, .asset-more-link, .asset-excerpt { clear: both; }

.asset, .asset-content { position: static; clear: both; }

.asset {
width: 100%;
overflow: hidden;
}

.asset-body img  {
margin-bottom: 10px;
padding: 6px 6px 16px 6px;
background-color: #F4F4EC;
border-top:1px #cccccc solid;
border-right:1px #444444 solid;
border-bottom:1px #444444 solid;
border-left:1px #cccccc solid;
}

.asset-header {
padding:0 0 4px 32px;
background-image: url(http://jupacjapan.com/common/img/blog/alpha-title.gif);
background-repeat: no-repeat;
background-position : left top;
border-bottom: 1px #cccccc dotted;
line-height:1.2;
}

/* 同一の内容を記述 */
#asset-name {
font-size: 108%;
letter-spacing: .1em;
font-weight:normal;
}

.asset-name {
font-size: 108%;
letter-spacing: .1em;
font-weight:normal;
}
/* 同一の内容を記述 */

.asset-name-date { font-size: 85%; color:#666666; }

#asset-name a,#asset-name a:link,#asset-name a:visited {
color: #222222;
text-decoration: underline;
background-color: transparent;
}
#asset-name a:hover,#asset-name a:active {
color: #999999;
text-decoration: underline;
background-color: transparent;
}

.asset-meta {
font-size: 77%;
color: #666666;
}

.asset-content { margin-bottom: 40px; }
.asset-body  { padding: 20px 0 0 0; }
.asset-body a img, .asset-body a:link img, .asset-body a:visited img,
.asset-more a img, .asset-more a:link img, .asset-more a:visited img { text-decoration: none; }
.asset-more { padding-top: 20px; }
.asset-more-title {
background: url(.jpg) no-repeat left bottom;
margin: 0 0 10px 0;
padding: 0 0 1px 0;
}

.asset-more-link { margin-top: 20px; }
.asset-more-link span {
background: url(.png) no-repeat left center;
padding: 2px 0 2px 24px;
}

.asset-body ul {
margin: 5px 0 20px 5px;
}

.asset-body ul li {
margin: 0 0 10px 0;
}

.asset-body-list { font-size: 93%; }
.asset-body-list-text { font-size: 85%; color:#999999; }

.entry-tags {
font-size: 93%;
}

.entry-tags span {
padding: 0 5px 0 2px;
}

.entry-tags ul {
}

.entry-tags ul li {
display: inline;
}

.mt-image-left { float: left; margin: 5px 20px 5px 0; }
.mt-image-center { display: block; margin: 0 auto 20px; text-align: center; }
.mt-image-right { float: right;  margin: 5px 0 5px 20px; }

/* comments -----*/

.comment-content, .comment-footer, 
.comments-open-content, .comments-closed,
.trackbacks-info, .trackback-content, .trackback-footer,
.archive-content {
clear: both;
}

.trackbacks,
.archive,
.search-form {
}

.entry-categories,.trackbacks-info,
.comments-closed,.comments-open-moderated,
.trackback-content, .trackback-footer,
.search-form-header, .search-results-header {
}

.comments, .trackbacks, .archive {
overflow: hidden;
width: 100%;
position: static;
clear: both;
}

.trackbacks-header {
font-size: 93%;
border-bottom: 1px #666666 solid;
margin-top: 40px;
margin-bottom: 20px;
padding-bottom: 1px;
}

/* */
.contents-h4-header {
font-size: 93%;
border-bottom: 1px #666666 solid;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 1px;
}
/* */

/* Comments -----*/

.comments { margin-bottom: 20px; }

.comments-header, .comments-open-header {
font-size: 93%;
border-bottom: 1px #666666 solid;
margin-bottom: 20px;
padding-bottom: 1px;
}

.comments-content { margin-bottom: 40px; }

.comment {
border-bottom: 1px #666666 solid;
padding: 0 0 16px 0;
}

.comment-content {
margin-top: 18px;
}

.comment-footer {
font-size: 93%;
text-align: right;
margin-top: 2px;
}

/* Form -----*/
.comments-open { margin: 20px 0; }
.comments-open-content {
font-size: 93%;
}

.comments-open-content input,
.comments-open-content textarea {
padding: 2px;
border: 1px #cccccc solid;
}

#comment-preview, #comment-submit, #comment-cancel {
font-size: 93%;
font-weight: normal;
border: 1px #cccccc solid;
}

.comment-form {
border-bottom: 1px #cccccc solid;
padding: 0 0 0 5px;
}

.comment-form-last {
padding: 0 0 10px 5px;
}

.comment-form-textarea {
border-bottom: 1px #cccccc solid;
padding: 5px 0 5px 5px;
}
	
.comment-form label, .comment-form-last label,.comment-form-textarea label,
.comment-bake-cookie label, .comment-spam-filter label {
float: left;
width: 60px;
padding: 9px 0 8px 0;
}

.comment-form input, .comment-form-last input { margin: 5px 10px 5px 0; }
.comment-form input#comment-author,
.comment-form input#comment-email,
.comment-form input#comment-url{ width: 140px;}

.tinyturing input {
float: left;
text-align: center;
}

.my-text-style {
line-height: 28px;
padding-bottom: 2px;
}

.my-text-style span {
text-transform: uppercase;
border: 1px #cccccc solid;
margin: 0 2px  0 10px;
padding: 2px 5px 2px 5px ;
}

textarea.comment-text {
clear: none;
width: 420px;
height: 150px;
margin: 5px 0 0 0;
}

/* Widgets -----*/
#widget {
position: relative;
overflow: hidden;
width: 100%;
}

#widget ul {
border-top:1px #CCCCCC dotted;
}

#widget ul li {
padding: 10px 0px 10px 0px;
border-right:1px #CCCCCC dotted;
border-bottom:1px #CCCCCC dotted;
}

.widget {
position: relative;
overflow: hidden;
border-right:1px #CCCCCC dotted;
}

.widget-header {
font-size:85%;
font-weight:normal;
color: #222222;
padding: 0px 0px 5px 0px;
}

.widget-allow {
background-image: url(http://jupacjapan.com/common/img/blog/beta-allow.gif);
background-repeat: no-repeat;
background-position : left center;
}

.widget-search {
position: relative;
padding: 0 0 10px 5px;
}

.widget-cloud {
margin: 20px 10px 20px 10px;
}

.widget-cloud span {
padding: 0 5px 0 2px;
}
.widget-cloud ul {
}
.widget-cloud ul li {
display: inline;
}
.widget-cloud ul {
}

.widget-about .widget-content { font-size: 100%; }
.widget-cloud .rank-1  { font-size: 139%; }
.widget-cloud .rank-2  { font-size: 131%; }
.widget-cloud .rank-3  { font-size: 124%; }
.widget-cloud .rank-4  { font-size: 116%; }
.widget-cloud .rank-5  { font-size: 108%; }
.widget-cloud .rank-6  { font-size: 100%; }
.widget-cloud .rank-7  { font-size: 93%; }
.widget-cloud .rank-8  { font-size: 85%; }
.widget-cloud .rank-9  { font-size: 77%; }
.widget-cloud .rank-10 { font-size: 71%; }
.widget-assets .widget-content .widget-list {
overflow: auto;
margin: 0;
}

#item-list {
position: relative;
overflow: hidden;
width: 100%;
margin: 50px 0 30px 0;
}
#item-list ul {
margin: 0px 0px 0px -10px;
}
#item-list li {
padding: 0px 0px 0px 10px;
display: inline;
float: left;
text-align: center;
vertical-align: middle;
overflow: hidden;
width: 50px;
height: 50px;
}

.item-img {
background-color: #F4F4EC;
padding: 2px 2px 4px 2px;
}

.blog-feeds { padding:10px 0 20px 0; }

/* Quick Access ----------*/
.full-archives {
margin: -1px 0 0 0;
border-top: 1px #666666 solid;
border-bottom: 1px #666666 solid;
padding: 4px 0 0 0;
}		

.full-archives form {
padding: 0 0 4px 0;
}

.full-archives label {
float: left;
width: 80px;
padding: 1px 0 0 0;
margin: 0 0 0 5px;
font-weight: bold;
}

.pulldown {
padding: 0 0 0 10px;
background-color: transparent;
}

.select {
width: 120px;
font-size: 93%;
}
   
.search {
width: 120px;
font-size: 93%;
margin: 0 0 5px 10px;
}

.archive-title {
padding: 0 0 20px 0;
font-weight:normal;
font-size: 93%;
}


/* PageBute_____________________________ */
#PageBute {
text-align: center;
font-size: 93%;
margin: 0 0 20px 0;
}

#PageBute a,#PageBute a:link,#PageBute a:visited {
color: #222222;
text-decoration: underline;
}
#PageBute a:hover,#PageBute a:active {
text-decoration: underline;
color: #666666;
}