@charset "UTF-8";
/* SMART株式会社-08082009 */

* { margin: 0;padding: 0; }

body {
font-size:14px;
*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,'ＭＳ Ｐゴシック',Arial,sans-serif;
color: #222222;
line-height: 1.5;
background-color: #c4c4c4;
background-image: url(http://smartco.jp/common/img/main-bg.gif);
background-position: top;
background-repeat: repeat-x;
text-align: center;  /* IE 向けセンタリング指定 */
}

/*body  Firefox3.0 以降*/
body, x:-moz-any-link { font-size:14px; /* Fx 1.0 */} 
body, x:-moz-read-only { font-size:14px; /* Fx 1.5, 2.0 */}
body, x:-moz-broken  { font-size:14px; /* Fx 3.0 */}
body, x:-moz-broken, x:last-of-type { font-size:14px; /* Fx 3.5 and newer */}
body, x:x { font-size:14px; }

a, a:link, a:visited { color: #1175b9;text-decoration: none; }
a:hover, a:active { color: #666666;text-decoration: underline;  }
.skip { left: -9999px;position: absolute; }
p,pre { margin: 0 0 1em 0; }
h1, h2 {  }
h3, h4, h5 { font-weight:normal; }
blockquote { border-left: 4px #ff0000 solid;margin-left: 10px;padding-left: 10px;color: red; }
img { border: 0; }
a img,:link img,:visited img { border: none; }
select { width: 120px; }
table { border-spacing: 0; }
fieldset,img,abbr,acronym { border: 0; } 
ol { list-style: decimal outside; margin-left: 10px; }
ul { list-style: none; }
li { list-style: none; }
caption,th { text-align: left; }
q:before,q:after { }
hr { border: 0;height: 1px;background-color: #999999;color: #999999; }
address { font-style: normal;display: inline; }
abbr { cursor: help;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #999999; }
.en { font-family: "ＭＳ ゴシック", Osaka−等幅, Courier, "Courier New"; }
.clear { clear: both; }
/* 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; }
/* */
/* _____________________________________________________*/
.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.mb15 { margin-bottom:15px; }
.mb18 { margin-bottom:18px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
/* Layout ------------------------------*/
#container {
width: 100%;
background-color:#f2f2f2;

}
#container-inner {
position: relative;
text-align: left;
background-image: url(http://pokemaru.net/common/img/header_img.jpg);
background-position: top;
background-repeat: no-repeat;
padding-top:450px;
margin: 0 auto;/* Firefox 向けセンタリング指定 */
}


#content {
width:900px;
margin:0 auto;
	}
#content-inner { }

#header,#content,#alpha,#beta,#contents-nav,#footer { position: relative; }
#header-inner,#footer-inner,#alpha-inner,#beta-inner { position: static; }
#alpha,#beta { display: inline; float: left; }
#header-inner,#footer-inner,#alpha-inner,#beta-inner { overflow: hidden; }

#header { line-height:0; }
#header-inner {
width:900px;

}

#header-title {
text-align:center;
padding: 29px 0px 11px 0px;
}
#header-menu {
width:900px;
height:45px;
}
#header-menu ul {  }
#header-menu ul li {
float: left;
display: inline;
}

#header_index-img,#header-img { clear: both; }

#alpha {
	width:900px;
	margin:10px 0px;
	
	}
#alpha-inner01 {
	width:254px;
	height:700px;
	float:left;
	margin:0px 23px;
	background-image:url(../img/cate01_bg.jpg);
	background-repeat:no-repeat;
	 }
#alpha-inner02 {
	width:254px;
	height:700px;
	float:left;
	margin:0px 23px;
	background-image:url(../img/cate02_bg.jpg);
	background-repeat:no-repeat;
	 }
#alpha-inner03 {
	width:254px;
	height:700px;
	float:left;
	margin:0px 23px;
	background-image:url(../img/cate03_bg.jpg);
	background-repeat:no-repeat;
	 }

.alpha_box{
	margin-top:245px;
	padding:20px;
	
}

.alpha_box p{
	line-height:150%;
	font-size:12px;
	
}

#bn_box {
	margin:10px 182px 30px 190px;
	
	}

#bn_box img{
	margin-right:20px;
	
	}


#beta { width: 223px; }
#beta-inner { padding: 25px 23px 40px 0px; }
.beta-news { color: #1175b9;font-size:75%;line-height:1.2;font-weight:normal; }
.beta-news dl {}
.beta-news dt { float:left;width:4em;padding:0px 0px 5px 0px;clear:both; }
.beta-news dd { width:;margin-left:5.5em;padding:0px 0px 5px 0px;letter-spacing:-0.05em; }


#beta .beta-news a, #beta .beta-news a:link, #beta .beta-news a:visited { color: #444;text-decoration: underline; }
#beta .beta-news a:hover, #beta .beta-news a:active { color: #ccc;text-decoration: underline;  }


#contents-nav { clear: both;text-align:center;padding:0 0 10px 0;color: #1175b9;font-size:0.8em;line-height:1.0; }

#footer {
clear: both;
height:98px;
color:#ffffff;
line-height:1.0;
text-align:center;
background-color:#adadae;
background-image: url(http://pokemaru.net/common/img/footer_bg.gif);
background-position: top;
background-repeat: repeat-x;
}

#footer a, #footer a:link, #footer a:visited { color: #ffffff;text-decoration: none; }
#footer a:hover, #footer a:active { color: #cccccc;text-decoration: underline;  }

.footer-title { padding:20px 0px 8px 0px;font-size:0.9em; }
.footer-mail { padding:0px 0px 4px 0px;font-size:0.8em; }
.footer-copy { padding:0px 0px 0px 0px;font-size:0.8em; }

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


/*  */
.archive-title {
font-size:92%;
padding: 0 0 15px 0;
font-weight:normal;
color: #1175b9;
}
.archive-title a, .archive-title a:link, .archive-title a:visited {
color: #1175b9;
text-decoration: none;
border-bottom:1px #1175b9 dotted;
}
.archive-title a:hover, .archive-title a:active {
color: #cccccc;
text-decoration: none;
border-bottom:1px #cccccc dotted;
}

/* Layout -----------------------------*/
/* インデックスページ */

#index-upper {
width:610px;
clear:both;
font-size:0.8em;
line-height:1.4;
}
#index-upper-l {
float:left;
width:202px;
border-bottom:1px solid #dfdfdf;
border-left:1px solid #dfdfdf;
margin-bottom:25px;
}
#index-upper-m {
float:left;
width:202px;
border-bottom:1px solid #dfdfdf;
border-left:1px solid #dfdfdf;
margin-bottom:25px;
}
#index-upper-r {
float:left;
width:202px;
border-right:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
border-left:1px solid #dfdfdf;
margin-bottom:25px;
}
.upper-subtitle { padding:13px 0px 13px 12px; }
.upper-text { padding:0px 18px 18px 12px; }
.upper-img { padding:0px 0px 20px 12px; }
.upper-img2 { padding:0px 0px 20px 0px; }

#index-mid {
width:610px;
clear:both;
font-size:0.8em;
line-height:1.4;
}
#index-mid-l {
float:left;
width:305px;
margin-bottom:25px;
}
#index-mid-r {
float:left;
width:305px;
margin-bottom:25px;
}
#index-mid-l-inner-l,#index-mid-r-inner-l { float:left;width:87px; }
#index-mid-l-inner-r,#index-mid-r-inner-r { float:left;width:218px; }

.index-mid-title {
color: #1175b9;
font-size:116%;
font-weight:bold;
letter-spacing:-0.1em;
padding:0px 0px 2px 0px;
}

#index-bottom { width:610px;clear:both; }
#index-bottom-l {
float:left;
width:237px;
margin-bottom:25px;
}
#index-bottom-r {
float:left;
width:373px;
margin-bottom:25px;
}

/* ポケマルについて */
/* 01 */
#about-01 { width:610px;clear:both;font-size:92%; }
#about-01-l {
float:left;
width:182px;
margin-bottom:25px;
padding:0px 40px 0px 22px;
}

#about-01-r {
float:left;
width:339px;
margin-bottom:25px;
padding:0px 0px 0px 0px;
}

/* 02 */
#about-02-1,#about-02-2,#about-02-3 { width:607px;clear:both;font-size:92%; }
#about-02-1-l {
float:left;
width:398px;
background-image: url(http://smartco.jp/common/img/about/title-02-img3-1-l.gif);
background-position: left top;
background-repeat: no-repeat;
}

#about-02-2-l {
float:left;
width:398px;
margin-bottom:10px;
background-image: url(http://smartco.jp/common/img/about/title-02-img3-2-l.gif);
background-position: left top;
background-repeat: no-repeat;
}

#about-02-3-l {
float:left;
width:398px;
margin-bottom:10px;
background-image: url(http://smartco.jp/common/img/about/title-02-img3-3-l.gif);
background-position: left top;
background-repeat: no-repeat;
}

#about-02-1-l-inner,#about-02-2-l-inner,#about-02-3-l-inner {
margin-bottom:10px;
padding:30px 10px 0px 118px;
}

#about-02-1-r,#about-02-2-r,#about-02-3-r {
float:left;
width:209px;
margin-bottom:15px;
}


/* 03 */
table#about-03 {
width:610px;
border: 1px #cccccc; solid;
border-width: 1px;
border-collapse: collapse;
border-spacing: 0;
margin:0 0 40px 0;
font-size:92%;
}

table#about-03 td {
border: 1px #cccccc solid;
border-width: 1px;
vertical-align:top;
}

table#about-03 .img {
width:142px;
text-align:center;
padding-top:30px;
}

table#about-03 .title {
font-weight:bold;
padding:5px;
background-color:#f2f2f2;
line-height:1.0;
}

table#about-03 .text {
padding:1em;
}



/* 導入をご検討の方 */
#introduction { width:610px;clear:both;font-size:92%; }
#introduction-01-l {
float:left;
width:142px;
margin-bottom:40px;
padding:10px 0px 0px 67px;
}
#introduction-01-r {
float:left;
width:391px;
padding:10px 0px 0px 10px;
}


/* 導入事例 */

#introduction-case { width:610px;clear:both;font-size:92%; }
#introduction-case-01-l {
float:left;
width:165px;
margin-bottom:40px;
}
#introduction-case-01-r {
float:left;
width:445px;
margin-bottom:40px;
}

.introduction-case-title {
color: #1175b9;
font-size:116%;
font-weight:bold;
letter-spacing:-0.1em;
padding:0px 0px 2px 0px;
}
.introduction-case-subtitle {
color: #000;
font-size:108%;
font-weight:bold;
}

#introduction-case-02 { width:610px;clear:both;font-size:92%; }
.01-00-title { font-size:108%;margin: 0 0 .5em 0; }

#introduction-footernavi { padding:10px 0px 25px 0px;text-align:right;font-size:92%;clear:both; }

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


/* サポート情報 */
#support-01 { width:610px;clear:both;font-size:92%; }
#support-01-l {
float:left;
width:131px;
margin-bottom:40px;
padding:10px 0px 0px 96px;
}
#support-01-r {
float:left;
width:373px;
padding:10px 0px 0px 0px;
}

table#support-02 {
width:610px;
border: 1px #cccccc; solid;
border-width: 1px;
border-collapse: collapse;
border-spacing: 0;
margin:0 0 40px 0;
font-size:92%;
}

table#support-02 td {
border: 1px #cccccc solid;
border-width: 1px;
vertical-align:middle;
padding:1em 0 1em 1em;
}

table#support-02 .title {
font-weight:bold;
padding:1em;
background-color:#f2f2f2;
width:10em;
}

table#support-02 .text {
padding:1em;
}

.support-03-title { font-size:108%;margin: 0 0 .5em 0;font-weight:bold; }
.support-03-text { padding:0 0 0 1em;color: #1175b9; }

/*jquery */
.jquery {
padding:0 0 0 0.5em;
color: #1175b9;
cursor: pointer;
width: auto;
}

.support-inner {
font-size: 92%;
color:#444;
background-color: #f7f7f7;
padding: 0.5em;
margin:0.5em 0 0.5em 1.5em;
}

.support-inner


/* 企業概要_____________________________ */
#company-list1 {
}
#company-list1 dl {
font-size:92%;
line-height:1.3;
margin: 0 0 25px 0;
border-top:1px #cccccc solid;
border-right:1px #cccccc solid;
border-left:1px #cccccc solid;
}
#company-list1 dt {
float:left;
width:6.5em;
_width:7em;
padding:.5em 0 .5em .5em;
clear:both;
background-color:#f2f2f2;
border-bottom:1px #cccccc solid;
}
#company-list1 dd {
margin-left:7em;
padding:.5em 0 .5em .5em;
border-left:1px #cccccc solid;
border-bottom:1px #cccccc solid;
}


#company-list2 { font-size:92%;margin: 0 0 25px 0; }
#company-list2 dt {
 float:left;
 width:2em;
 padding:5px 0 5px 0;
 clear:both;
}
#company-list2 dd {
 width:;
 margin-left:2em;
 padding:5px 5px 5px 0;
}



/* メールフォーム_____________________________ */
.form-title-text {
margin: 0px 0px 20px 0px;
font-size:124%;
color:#241a08;
}

.gray { color:#444444; }
.red { color:#ff0000; }

#form-list { font-size:92%;margin: 0 0 20px 0; }
#form-list dl {
width:610px;
line-height:1.3;
border-bottom:1px #cccccc solid;
}
#form-list dt {
float:left;
width:12em;
padding:.5em 0 .5em 0;
clear:both;
}
#form-list dd {
margin-left:12em;
padding:.5em 0 .5em .5em;
border-left:1px #cccccc solid;
}

/* 送信完了画面 */
.send { padding:20px 0 60px 0; }

/* ■ */
.form-bottom { margin-bottom:10px; }

/* エラー時の表示 */
.error_coution { color:#FF0000; }

#form-bottom {
width:100%;
 }

/* submitボタンエリア */
.submit { text-align:center;margin:10px 0 20px 0; }

.button {
padding:2px 10px 2px 10px;
_padding:4px 10px 2px 10px;
border:1px solid #5F5F66;
background-color:#FFFFFF;
cursor: pointer;
}

.notice {
margin-bottom:25px;
font-size:92%;
color:#444444;
}