/* CSS Document */

/* ========================= [ 共通設定 ] ==============================*/
* {
	margin:0px;
	padding:0px;
}

body{
	margin:0;
	padding:0;
	background-image:url(/skins/common/img/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#E4E9F9;
/*	font-family:'ＭＳゴシック',Osaka, sans-serif;*/
	color:#333333;
	text-align:center;
	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:visited{text-decoration:none;color:#0a1168;}*/
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;}

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

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

ul.arrList,ul.nobullets {/* 矢印つきリスト */
	margin:0;
	padding:0;
}

ul.arrList  li,ul.nobullets  li{
	list-style-type:none;
	display:block;
	margin:0;
	padding:0 0 3px 12px;
	background:transparent url(http://smeijin.jp/skins/staffblog/img/blog_list1.gif) no-repeat 0 3px;
	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(/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(/skins/smeijin/img/top_title_bg.gif);
	margin:0 0 10px 0;
	clear:both;
	}

h3 {
	border:none;
	background-color:#3847A0;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	margin:10px 0 5px;
	padding:2px;
}

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

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

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



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

h5.none{
	margin:5px 0;
	padding:0;
	font-size:110%;
	border:none;
	background-image: none;
}

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

h5.none {
	margin:0 0 5px 0;
}

.clear{
	clear:both;
	}
	
.center{   /* センター */
	text-align:center;
	}
	
.right{    /* 右寄せ */
	text-align:right;
	margin-bottom:10px;
	clear:both;
	}

.bold {   /* 太字 */
	font-weight:bold;
}

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

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

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

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

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

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

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

.small {/* 小さめ */
	font-size:85%;
}

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

.large2 {/* より大きめ */
	font-size:135%;
	line-height:1.3em;
}

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

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


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

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

.waku_maru { /* 画像使用 角丸 */
	width:500px;
	background-image:url(/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 { /* グレー */
	width:540px;
	margin:0 0 10px 25px;
	border-collapse:collapse;
	border:solid 1px #999999;
}

#table1 th {
	padding:5px;
	background-color:#dfdfdf;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	font-size:80%;
	text-align:left;
}

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

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

#table2 { /* オレンジ */
	width:540px;
	margin:0 0 10px 25px;
	border-collapse:separate;
	border:none;
}

#table2 th {
	margin:2px;
	padding:5px 10px;
	background-color:#ffdf80;
	border-right:solid 15px #ffffff;
	text-align:left;
	font-size:90%;
	color:#666666;
}

#table2 td {
	padding:5px;
	border-right:solid 15px #ffffff;
	vertical-align:top;
	font-size:80%;
	line-height:1.3em;
}

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

#table3 { /* 枠なしテーブル */
	width:540px;
	margin:0 0 10px 25px;
	border-collapse:collapse;
	border:none;
}

#table3 th,td {
	padding:5px;
	text-align:left;
	vertical-align:top;
	font-size:80%;
	line-height:1.4em;
}

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

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

/* ===== [ インラインフレーム ] =====*/
.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(/skins/common/img/header_bg.gif);*/
	background-image:url(/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:0px auto;
	text-align:left;
	background-repeat:no-repeat;
	}

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

#menu{/* トップページ用の背景指定 */
	background-image:url(/skins/common/img/menu_bg.gif);
	}
		
#top_menu ul, #menu ul{
	margin:0px 0px 0px 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(/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%;
	}
/* ========================= [ /パンくずリスト ] =========================*/

/* ========================= [ ブログ用設定 ] ========================= */
/* -- [ 左エリア ] -- */
.left_area{   
	width:150px;
	padding-left:20px;
	line-height:normal;
	float:left;
	}

.left_area ul {
	list-style-type:none;
}

.LeftContentsBox {
	width:142px;
	background-color:#FFFFFF;
	border:1px solid #C4C4C4;
	padding:5px;
	font-size:82%;
}

  /* 中央エリア */
.center_area{
	width:385px;
	padding:5px 0px 0px 10px;
	overflow:hidden;
	float:left;
	}
	/*記事左寄せ*/
div.leftbox {
		float:left;
}
/*ページスイッチ*/
div.pageswitch {
	padding-bottom:2px;
}
	
  /* 左列タイトル */
.BlogItem {
	width:152px;
	background-image:url(http://smeijin.jp/skins/staffblog/img/left_title_bg.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	margin-top:10px;
	padding:2px;
}

  /* キャッチコピー */
.sub_title {
	margin:0px 0px 1em 25px;
}

 /* エントリー日付 */
 .entry_date {
	font-weight:bold; 
	color:#666666;
	padding-bottom:2px;
 }
 
 /* エントリータイトル */
.entry_title {
	font-size:120%;
	font-weight:bold;
	padding:2px;
	border-left:5px solid #0f68bd;
	border-bottom:1px solid #0f68bd;
}

 /* 投稿者、パーマリンク */
.entry_info {
	width:100%;
	padding:1em 0px;
	font-size:82%;
	border-bottom:1px dashed #666666;
	margin-bottom:1em;
}

/*アーカイブタイトル*/
.archive_title {
	height:23px;
	padding:8px 0 0 30px;
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:110%;
	background-repeat:no-repeat;
	color:#505050;
	background-image: url(http://smeijin.jp/skins/staffblog/img/blog_title_bg.gif);

}

/*コメント欄*/
.comments,
.trackbacks,
.name-email {
	position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
	font-size:95%;
	color:#666666;
}

/*前後移動*/
.entry_move {
	font-size:82%;
	padding-bottom:0.5em;
	margin-bottom:1em;
	border-bottom:1px dashed #CCCCCC;
}

/*コメント欄タイトル*/
.comment_title {
	font-size:100%;
	font-weignt:bold;
}

/*コメント欄本文*/
.comment-content {
	font-size:100%;
	color:#000000;
}

 /* コメント欄投稿者*/
.comment-footer {
	width:100%;
	padding:0.5em 0px;
	font-size:82%;
}

/*検索結果*/
#search_box {
	margin-left:20px;
}
/*フォームレイアウトの整形*/
div.loginform .formfield, 
div.commentform .formfield, 
div.mailform .formfield {
	display:block; 
	text-align:left;
}
/*コメント欄*/
div.commentbody {
	padding-bottom:1em;
	border-bottom:1px dashed #666;
	margin-bottom:1em;
}
/*検索フォーム*/
div.searchform .formfield {
	background-color:#FFFFCD;	
}
/* ========================= [ /ブログ用設定 ] ========================= */

/* ========================= [ フッタ ] =========================*/
#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;
	}
.main_area{
	width:575px;
	margin: 0;
	float:left;
	}
/* ============================== [ メイン ] ==============================*/

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

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

.right_area_box{
	width:142px;
	background-image:url(/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.2em;
	}

.right_area_box div .button{
	margin:10px 0 0 0;
	}

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

/* -- サブメニュー -- */
div.submenuTitle{
	background:transparent url(/skins/common/img/right_img_bg_title.gif) no-repeat;	
	width:142px;
	margin:0;
	padding:20px 5px 5px 3px;
	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(/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;
}
/* -- /サブメニュー -- */

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

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

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

.mailbox {
	width:220px;
	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;
}

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

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

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

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

.scene_right{
	width:195px;
	float:right;
	margin:0 30px 0 0;
	}

.scene_left div,.scene_right div{
	width:195px;
	height:140px;
	background-image:url(/skins/smeijin/img/center_scene_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0;
	margin:0 0 10px 0;
	}

.scene_left p,.scene_right p{
	padding-right:10px;
	}
/* ========================= [ /活用シーン ] ========================= */

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

table.flow th {
	color:#0a1168;
	font-size:80%;
}

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

/* ========================= [ サイトマップ ] ========================= */
h3.sm{
	height:23px;
	padding:3px 0 5px 23px;
	margin:5px 0;
	font-size:100%;
	background-image: url(/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(/skins/common/img/icon_1.gif) no-repeat 0 7px;
	line-height:1.4em;
}
/* ========================= [ /サイトマップ ] ========================= */