/* ========================= [ 共通設定 ] ==============================*/
body{
	margin:0;
	padding:0;
	background-image:url(http://smeijin.jp/skins/common/img/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#E4E9F9;
	color:#333333;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	line-height:1.3em;
	}

body#blog{
	margin:20px;
	padding:0;
	background-image:none;
	background-color:#ffffff;
	color:#333333;
	text-align:left;
	font-size:80%;
	line-height:1.3em;
	}

a{text-decoration:none;}
a:link{text-decoration:none;color:#0f68bd;}
a:visited{text-decoration:none;color:#0f68bd;}
a:hover{text-decoration:underline;color:#fd7f0c;}

img {border:0;vertical-align:middle;}
img.right {float:right; margin:0 5px;}
img.left {float:left; margin:0 5px 0 25px;}

div{margin:0;}

p{margin:0 0 1em 0;}

div.main_area p {margin: 0 0 1em 25px;}

ul, ol {
	margin-top:0;
	margin-bottom:5px;
}

ul#std{ /* 普通のリスト */
	margin-left:14px;
	list-style-type:disc;
}

ul#arrList{/* 矢印つきリスト */
	margin:0 0 10px 25px;
	padding:0;
}

ul#arrList li{
	list-style-type:none;
	display:block;
	margin:0;
	padding:3px 0 3px 14px;
	background:transparent url(http://smeijin.jp/skins/common/img/icon_1.gif) no-repeat 0 7px;
	line-height:1.4em;
}

ul#none{/* マークなしリスト */
	margin:0 0 0 22px;
	padding:0;
}

ul#none li{
	list-style-type:none;
	display:block;
	margin:0;
	padding:3px 0 3px 0;
	line-height:1.3em;
}

dl.dotline, dl.dotline2 {
	margin:0 0 10px 20px;
	border-bottom:dotted 1px #999999;
}

dl.dotline dt{
	padding:8px 0 0 20px;
	font-weight:bold;
	font-size:110%;
	background: url(http://smeijin.jp/skins/common/img/icon_4a.gif);
	background-repeat:no-repeat;
	border-top:dotted 1px #999999;
} 

dl.dotline2 dt{
	padding:8px 0 0 0;
	border-top:dotted 1px #999999;
}

dl.dotline2 dt a{
	font-weight:bold;
}  

dl.dotline dd, dl.dotline2 dd{
	margin:0 0 8px 3px;
} 

h1{
	margin:0;
	padding:0;
	font-size:9pt;
	color:#ff9933;
	font-weight:normal;
	}

h2 {
	margin:0 0 10px 20px;
}

h2.top_title{ /* トップページ用のh2指定 */
	height:23px;
	padding:8px 0 0 30px;
	margin:0 0 10px 15px;
	font-weight:bold;
	font-size:110%;
	background-repeat:no-repeat;
	color:#505050;
	background-image: url(http://smeijin.jp/skins/common/img/top_title_bg.gif);
	margin:0 0 10px 0;
	clear:both;
	}

h3{
	height:23px;
	padding:8px 0 0 30px;
	margin:15px 0 10px 20px;
	font-weight:bold;
	font-size:110%;
	background-image: url(http://smeijin.jp/skins/common/img/title_bg.gif);
	background-repeat:no-repeat;
	color:#505050;
	clear:both;
	}

/* WinIE6対策 ¥*/
*html h2.top_title, *html h3{
	height:30px;
	}

h4{
	height:23px;
	padding:3px 0 5px 23px;
	margin:15px 0 10px 20px;
	font-weight:bold;
	font-size:100%;
	background-image: url(http://smeijin.jp/skins/common/img/title_bg2.gif);
	background-repeat:no-repeat;
	color:#666666;
	}

h4.none{
	margin:5px 0 5px 23px;
	padding:0;
	font-size:110%;
	line-height:2em;
	border:none;
	background-image: none;
}

h5, h6 {
	margin:0 0 5px 20px;
	font-weight:bold;
	font-size:100%;
}

h5.none {
	margin:0 0 5px 0;
}
.center{   /* センター */
	text-align:center;
	}
	
.right{    /* 右寄せ */
	text-align:right;
	margin-bottom:10px;
	clear:both;
}
/*資料請求ボタン*/
img.inquiry {
	width:180px;
	height:100px;
	margin:0 0 15px 0;
	border:0;
	display:block;
	float:right;
}
.bold {   /* 太字 */
	font-weight:bold;
}

.bold2 {   /* 太字で大きめ */
	font-weight:bold;
	font-size:120%;
}

.orange {/* オレンジ文字 */
	color:#fe9a2e;
	}

.orange2 {/* オレンジ大きめ */
	color:#fe9a2e;
	font-size:120%;
	}

.markBlue {/* ブルー帯文字 */
	color:#ffffff;
	background-color:#0f68bd;
	padding:3px;
	}

.red{/* 赤文字 */
	color:#cc3300;
	}

.navy{/* 紺文字 */
	color:#0a1168;
	}

.gray{/* グレー文字 */
	color:#8e8e8e;
}

.req{/* フォーム必須 */
	color:#cc3300;
	font-weight:normal;
	}

.small {/* 小さめ */
	font-size:85%;
}
* html .small {/* IE対策 */
	font-size:85%;
	letter-spacing:0.5px;
}

.large {/* 大きめ */
	font-size:120%;
	line-height:1.2em;
}

.clear{
	clear:both;
}

.blank { /*フォーム送信完了画面の余白用*/
	height:350px;
}

div.col2_left {
	width:260px;
	float:left;
	margin-left:15px;
}

div.col2_right {
	width:260px;
	float:right;
	margin-right:5px;
}

/*CMS画像右寄せ*/
div.rightbox {
	float:right;
}
/*CMS画像左寄せ*/
div.leftbox {
	float:left;
}
/*ページスイッチ*/
div.pageswitch {
	text-align:right;
	padding:2px 0;
}

/* ========= [ 枠囲み ] =========*/

.waku1 {
  background-color:#feecb5;
	margin:0 15px 10px 25px;
	padding:10px;
}

.waku2 {
  background-color:#ffffff;
	border:solid 1px #999999;
	margin:0 15px 10px 25px;
	padding:10px;
}

.waku_maru { /* 画像使用 角丸 */
	width:500px;
	background-image:url(http://smeijin.jp/skins/common/img/waku2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:15px 0 20px 35px;
	padding-bottom:10px;
}

.waku_maru p{padding-top:5px;}

/* ========= [ /枠囲み ] =========*/

/* ========= [ テーブル ] =========*/

#table1 { /* 枠グレー、THオレンジ */
	width:540px;
	margin:0 0 10px 25px;
	border-collapse:collapse;
	border:solid 1px #999999;
	font-size:100%;
}

#table1 th {
	padding:5px;
	background-color:#ffec93;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	text-align:left;
}

#table1 td {
	padding:5px;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	line-height:1.3em;
}

#table1 td.top {
	vertical-align:top;
	line-height:120%;
}

th.nwrap, td.nwrap {
	white-space:nowrap;
}

#table3 { /* 枠なし */
	width:540px;
	margin:0 0 10px 25px;
	border-collapse:collapse;
	border:none;
	font-size:100%;
}

#table3 th,td {
	padding:0 5px 10px;
	text-align:left;
	vertical-align:top;
	line-height:1.4em;
}

#table3 td.small {
	font-size:90%;
	line-height:1.3em;
}

#table3 th.middle {
	vertical-align:middle;
}

/* ========= [ /テーブル ] =========*/

/* ===== [ インラインフレーム ] =====*/
.inframe{
	border:1px solid #c8c8c8;
	margin:10px 10px 5px 25px;
	padding:10px 0 10px 10px;
	height:150px;
	overflow:auto;
	background-color:#ffffcc;
	}

.inframe ul{
	margin:0 0 15px 0;
	padding-left:1.1em;
	list-style-type:square;
	}
	
.inframe li{
	margin-bottom:0.2em;
	}
/* ===== [ /インラインフレーム ] =====*/

/* ============================== [ /共通設定 ] ==============================*/


/* ============================== [ ヘッダ ] ==============================*/
#header{
	width:750px;
	height:80px;
	margin:0 auto;
	padding:0;
/*	background-image:url(http://smeijin.jp/skins/common/img/header_bg.gif);*/
	background-image:url(http://smeijin.jp/skins/common/img/header_bg2.gif);
	background-repeat:no-repeat;
	text-align:left;
	}

#header div{
	position:relative;
	z-index:1;
	margin-bottom:-28px;
	background-image:none;	
	padding:5px 10px;
}

#header img{position:relative;z-index:0;}


/* ============================== [ /ヘッダ ] ==============================*/

/* ============================== [ メニュー ] ==============================*/
#top_menu, #menu{
	clear:both;
	width:750px;
	height:36px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-repeat:no-repeat;
	}

#top_menu{/* トップページ用の背景指定 */
	background-image:url(/skins/smeijin/img/top_menu_bg.gif);
	}

#menu{/* トップページ用の背景指定 */
	background-image:url(http://smeijin.jp/skins/common/img/menu_bg.gif);
	}
		
#top_menu ul, #menu ul{
	margin:0 0 0 1px;
	padding:0;
	width:749px;
	list-style:none;
	}
	
#top_menu li, #top_menu a, #menu li, #menu a{
	display:block;
	width:107px;
	height:30px;
	margin:0;
	}
	
#top_menu li, #menu li{
	float:left;
	text-indent:-9999px;
	}
	
#top_menu a, #menu a{
	text-decoration:none;
	background-image:url(http://smeijin.jp/skins/common/img/menu.gif);
	}

/* MacIE5には読ませない ¥*/
#top_menu a, #menu a{ /* Firefox1.5以降で線を消す */
	overflow:hidden;
	}
/* /MacIE5には読ませない */
	
#button1 a{
	background-position:   0px   0px;
	}
	
#button2 a{
	background-position:-107px   0px;
	}

#button3 a{
	background-position:-214px   0px;
	}

#button4 a{
	background-position:-321px   0px;
	}

#button5 a{
	background-position:-428px   0px;
	}

#button6 a{
	background-position:-535px   0px;
	}

#button7 a{
	background-position:-642px   0px;
	}
	
#button1 a:hover{
	background-position:   0px -30px;
	}
	
#button2 a:hover{
	background-position:-107px -30px;
	}

#button3 a:hover{
	background-position:-214px -30px;
	}

#button4 a:hover{
	background-position:-321px -30px;
	}

#button5 a:hover{
	background-position:-428px -30px;
	}
	
#button6 a:hover{
	background-position:-535px -30px;
	}

#button7 a:hover{
	background-position:-642px -30px;
	}
/* ============================== [ /メニュー ] ==============================*/

/* ========================= [ パンくずリスト ] =========================*/
#bread_crumb{
	margin:5px 0 5px 15px;
	padding:0 0 3px 5px;
	border-bottom:1px dotted #999999;
	font-size:80%;
	}
/* ========================= [ /パンくずリスト ] =========================*/

/* ========================= [ フッタ ] =========================*/
#footer{
	width:750px;
	border-top:2px #646464 solid;
	border-bottom:5px #0f68bd solid;
	background-color:#FFFFFF;
	padding-top:5px;
	margin:0 auto;
	clear:both;
	text-align:center;
	}

#footer strong {
	color:#999999;
	font-weight:normal;
}

/* ========================= [ /フッタ ] =========================*/


/* ============================== [ メイン ] ==============================*/
#main{
	width:750px;
	margin:0 auto;
	padding:0;
	text-align:left;
	position:relative;
	}

.main_area{
	width:575px;
	margin: 0;
	float:left;
	}
/* ============================== [ メイン ] ==============================*/

/* ============================== [ 右エリア ] ==============================*/
.right_area, .right_area2{
	width:149px;
	padding-left:10px;
	}

.right_area{
	position:absolute;
	top:0;
	right:0;
	}

.right_area2{
	float:right;
	}
	
.right_area div, .right_area2 div{
	margin-bottom:5px;
	margin-right:7px;
	}

.right_area_box{
	width:142px;
	background-image:url(http://smeijin.jp/skins/common/img/right_img_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top:5px;
	padding-bottom:13px;
	}
	
.right_area_box div{
	text-align:center;
	margin:0 9px;
	}
	
.right_area_box div p{
	text-align:left;
	margin:0;
	line-height:1.1em;
	}

.right_area_box div .button{
	margin:10px 0 0 0;
	}
.right_area_box div .button_form{
	margin-left:-4px;
	}


.right_area_box#btm_space{
	margin-bottom:10px;
}

/* -- サブメニュー -- */
div.submenuTitle{
	background:transparent url(http://smeijin.jp/skins/common/img/right_img_bg_title.gif) no-repeat;	
	width:142px;
	margin:0;
	padding:12px 0 5px 0;
	color:#ffffff;
	font-size:110%;
	font-weight:bold;
}

ul#submenu{
	margin:0 12px 0 10px;
	padding:0;
}

ul#submenu li{
	list-style-type:none;
	display:block;
	margin:0;
	padding:5px 0 5px 12px;
	background:transparent url(http://smeijin.jp/skins/common/img/icon_5.gif) no-repeat 0 7px;
	font-weight:bold;
	line-height:1.2em;
	border-top:1px dotted #cccccc;
}

ul#submenu li.top{
	border-top:none;
}
/* -- /サブメニュー -- */

/* ========================= [ /右エリア ] ==============================*/

/*========================= [ お知らせ ] =========================*/
.news2{
	margin-left:23px;
	}
	
.news2 ul{
	margin:0;
	padding:0;
	}
	
.news2 li{
	list-style:none;
	margin-bottom:5px;
	padding:0 3px 5px;
	border-bottom:dotted 1px #999999;
	}

/* ========================= [ /お知らせ ] =========================*/

/* ========================= [ 活用事例 ] =========================*/

/* -- メール枠 -- */
.mail {
	float:right;
	width:235px;
	margin:0;
	padding:0 0 5px 15px;
	background-color:#ffffff;
	font-size:90%;
}

.mailbox {
	width:210px;
	border:solid 2px #ff9933;
	margin-bottom:10px;
	padding:15px;
	line-height:1.4em;
}

#bdr {color:#ff8000;} /*メール内の区切り線*/
#tit {color:#ef5716;}
/* -- /メール枠 -- */

div.case {
	margin-left:20px;
	padding:10px 3px 0;
	border-top:dotted 1px #999999;
}

div.case img.photo {
	margin:5px 0 0 10px;
}

/*CMS版専用（写真）*/
div.sample_photo {
	margin:5px 0 10px 10px;
	float:right;
}

a.caseshop {
	font-size:110%;
	color:#666666;
	font-weight:bold;
}

div.case p {margin: 0 0 7px 0;}

/* ========================= [ /活用事例 ] =========================*/

/* ========================= [ 活用シーン ] ========================= */
.scene_left{
	width:250px;
	float:left;
	margin:0 0 0 25px;
	}

.scene_right{
	width:250px;
	float:right;
	margin:0 10px 0 0;
	}

.scene_left div,.scene_right div{
	width:250px;
	background-image:url(/skins/scene/img/scene_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
	}

.scene_left p,.scene_right p{
	padding:0 10px 5px 0;
	margin:0;
	}

h3.scene_title {
	width:250px;
	height:60px;
	display:block;
	margin:0;
	padding:0;
}
h4.case_desc {
	background:none;
	padding:0;
	margin:0 0 -8px 25px;
	font-weight:normal;
	color:#000;
}

/* ========================= [ /活用シーン ] ========================= */

/* ========================= [ サポート体制 ] ========================= */
table.flow {
	width:540px;
	margin:0 0 20px 25px;
	border:none;
	border-collapse:separate;
	font-size:100%;
}

table.flow th {
	color:#0a1168;
}

table.flow td {
	padding:15px;
	background-color:#ffffcd;
	border-bottom:solid 5px #ffffff; 
	line-height:1.3em;
}
/* ========================= [ /サポート体制 ] ========================= */

/* ========================= [ サイトマップ ] ========================= */
h3.sm{
	height:23px;
	padding:3px 0 5px 23px;
	margin:5px 0;
	font-size:100%;
	background-image: url(http://smeijin.jp/skins/common/img/title_bg2s.gif);
	background-repeat:no-repeat;
	color:#666666;
	}

ul#arrList2{/* 矢印つきリスト */
	margin:0 0 20px 0;
	padding:0;
}

ul#arrList2 li{
	list-style-type:none;
	display:block;
	margin:0;
	padding:3px 0 5px 14px;
	background:transparent url(http://smeijin.jp/skins/common/img/icon_1.gif) no-repeat 0 7px;
	line-height:1.4em;
}
/* ========================= [ /サイトマップ ] ========================= */