@charset "UTF-8";

/* common ------------------------------------------------------------------- */
html, body {
	width: 100%;
	height: 100%;
	min-height: 400px;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	min-width: 960px;
}
#account #container #contents{
	font-size:16px;
}

#container {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#container #bg_navigate {
	clear: both;
	margin-top: 50px;
	background: url("../../echosmartpen/images/bg_navigate.png") repeat-x top left;
	z-index: 50;
}

#container #bg_contents {
	clear: both;
	background-image:  url("../../echosmartpen/images/bg_top.png") , url("../../echosmartpen/images/bg_loop.png");
	background-position: top left, top left;
	background-repeat: repeat-x, repeat;
}
#interview #container #bg_contents {
	clear: both;
	background:url(../../echosmartpen/images/interview_body_bg.gif) repeat;
}

#container #bg_footer {
	clear: both;
	position: absolute:
	bottom: 0px;
	height: 117px;
	background: url("../../echosmartpen/images/bg_footer.png") repeat-x bottom left;
}

#container #header {
	width: 960px;
	margin: 0px auto;
}

#container #header h1 {
	float: left;
	width: 245px;
	height: 47px;
}

#container #header p {
	float: right;
	width: 122px;
	height: 47px;
}

#container #navigate {
	clear: both;
	width: 960px;
	height: 50px;
	margin: 0px auto;
	padding: 3px 0px 5px;
}
#interview #container #navigate {
	clear: both;
	width: 960px;
	height: 50px;
	margin: 0px auto;
	padding: 3px 0px 0px;
}

#container #navigate ul {
	width: 950px;
	margin: 0px 5px;
}

#container #navigate ul li {
	float: left;
}

#container #navigate ul li {
	height: 50px;
}

#container #navigate ul li#nav_btn1 {
	display: block;
	width: 191px;
	background: url("../../echosmartpen/images/navi01.png") no-repeat top left;
}

#container #navigate ul li#nav_btn2 {
	position: relative;
	display: block;
	width: 189px;
	background: url("../../echosmartpen/images/navi02.png") no-repeat top left;
}

#container #navigate ul li#nav_btn3 {
	display: block;
	width: 190px;
	background: url("../../echosmartpen/images/navi03.png") no-repeat top left;
}

#container #navigate ul li#nav_btn4 {
	display: block;
	width: 189px;
	background: url("../../echosmartpen/images/navi04.png") no-repeat top left;
}

#container #navigate ul li#nav_btn5 {
	display: block;
	width: 191px;
	background: url("../../echosmartpen/images/navi05.png") no-repeat top left;
}

#container #navigate ul li#nav_btn1:hover {background-position: bottom left;}
#container #navigate ul li#nav_btn2:hover {background-position: bottom left;}
#container #navigate ul li#nav_btn3:hover {background-position: bottom left;}
#container #navigate ul li#nav_btn4:hover {background-position: bottom left;}
#container #navigate ul li#nav_btn5:hover {background-position: bottom left;}

#container #navigate ul li a {
	display: block;
	height: 50px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#container #navigate ul li ul {
	position: relative;
	top: 0px;
	left: -4px;
	list-style: none;
	z-index: 50;
}

#container #navigate ul li ul li {
	float: none;
	overflow: hidden;
	width: 188px;
	height: 0px;
	z-index: 60;
}

#container #navigate ul li:hover ul li {
	overflow: visible;
	position: absolute;
	width: 188px;
	height: 33px;
}

#container #navigate ul li:hover ul li#pdown1 {
	top: 0px;
	background: url("../../echosmartpen/images/pulldown01.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown2 {
	top: 33px;
	background: url("../../echosmartpen/images/pulldown02.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown3 {
	top: 66px;
	background: url("../../echosmartpen/images/pulldown03.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown4 {
	top: 99px;
	background: url("../../echosmartpen/images/pulldown04.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown5 {
	top: 132px;
	background: url("../../echosmartpen/images/pulldown05.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown6 {
	top: 165px;
	background: url("../../echosmartpen/images/pulldown06.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown7 {
	top: 0px;
	background: url("../../echosmartpen/images/pulldown07.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown8 {
	top: 33px;
	background: url("../../echosmartpen/images/pulldown08.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown9 {
	top: 66px;
	background: url("../../echosmartpen/images/pulldown09.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown10 {
	top: 99px;
	background: url("../../echosmartpen/images/pulldown10.png") no-repeat top left;
}
#container #navigate ul li:hover ul li#pdown11 {
	top: 132px;
	background: url("../../echosmartpen/images/pulldown11.png") no-repeat top left;
}

#container #navigate ul li:hover ul li#pdown1:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown2:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown3:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown4:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown5:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown6:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown7:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown8:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown9:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown10:hover {background-position: bottom left;}
#container #navigate ul li:hover ul li#pdown11:hover {background-position: bottom left;}

#container #navigate ul li:hover ul li a {
	display: block;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#home #container #navigate ul li#nav_btn1 {background-position: bottom left;}
#func1 #container #navigate ul li#nav_btn2 {background-position: bottom left;}
#func2 #container #navigate ul li#nav_btn2 {background-position: bottom left;}
#func3 #container #navigate ul li#nav_btn2 {background-position: bottom left;}
#func4 #container #navigate ul li#nav_btn2 {background-position: bottom left;}
#func5 #container #navigate ul li#nav_btn2 {background-position: bottom left;}
#func6 #container #navigate ul li#nav_btn2 {background-position: bottom left;}
#product #container #navigate ul li#nav_btn3 {background-position: bottom left;}
#store #container #navigate ul li#nav_btn4 {background-position: bottom left;}
#store #container #navigate ul li.noHover {background-position: top left !important;}
#store #container #navigate ul li.noHover:hover {background-position: bottom left !important;}
#account #container #navigate ul li#nav_btn5 {background-position: bottom left;}




#container #contents {
	clear: both;
	width: 954px;
	min-height: 400px;
	margin: 0px auto;
	padding: 10px 3px 25px;
}
#interview #container #contents {
	clear: both;
	width: 959px;
	min-height: 400px;
	margin: 0px auto;
	padding: 10px 3px 25px;
}

#container #contents .comingsoon{
	width: 890px;
	height: 151px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/label_comingsoon.png") no-repeat top left;
}

#container #crumb {
	width: 950px;
	margin: 4px auto;
}

#container #crumb #tree {
	float: left;
	font-size: 90%;
}

#container #crumb #tree p {
	float: left;
	margin-right: 6px;
}

#container #crumb #link {
	float: right;
}

#container #crumb #link ul li {
	float: left;
	height: 17px;
	margin-left: 6px;
}

#container #crumb #link ul li#usr1 {
	width: 169px;
	background: url("../../echosmartpen/images/crumblink01.png") no-repeat top left;
}

#container #crumb #link ul li#usr2 {
	width: 111px;
	background: url("../../echosmartpen/images/crumblink02.png") no-repeat top left;
}

#container #crumb #link ul li#usr1:hover {background-position: bottom left;}
#container #crumb #link ul li#usr2:hover {background-position: bottom left;}


#container #crumb #link ul li a {
	display: block;
	height: 17px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}




#container #bg_footer #footer {
	width: 960px;
	height: 117px;
	margin: 0px auto;
	font-size: 90%;
}

#container #footer #link_group {
	height: 28px;
	color: #fff;
}

#container #footer #link_group ul li {
	float: left;
	line-height: 28px;
}

#container #footer #link_group ul li.separate {
	margin: 0px 6px;
}

#container #footer #link_group ul li a {
	text-decoration: none;
	color: #fff;
}

#container #footer #link_group ul li a:hover {
	text-decoration: underline;
}

#container #footer #link_template {
	float: left;
	width: 800px;
	height: 28px;
	color: #666;
}

#container #footer #link_template ul li {
	float: left;
	line-height: 28px;
}

#container #footer #link_template ul li.separate {
	margin: 0px 6px;
}

#container #footer #link_template ul li a {
	text-decoration: none;
	color: #666;
}

#container #footer #link_template ul li a:hover {
	text-decoration: underline;
}

#container #footer #link_template hr {
	clear: both;
}

#container #footer #link_template p a {
	text-decoration: none;
	color: #666;
}

#container #footer #link_template p a:hover {
	text-decoration: underline;
}

#container #footer #grouplogo {
	float: right;
	padding: 18px 0px;
}






/* home --------------------------------------------------------------------- */
/* スライドエリア */
#container #home_slide {
	clear: both;
	position: rerative;
	width: 954px;
	height: 580px;
	margin: 10px 3px 20px;
	background: url("../../echosmartpen/images/slide_frm.png") no-repeat top left;
}

#container #showcase p#booking {
	position: absolute;
	width: 220px;
	height: 46px;
	margin: 0px ;
	top: 467px;
	left: 712px;
	background: url("../../echosmartpen/images/btn_booking.png") no-repeat top left;
	z-index: 40;
}

#container #showcase p#booking:hover {background-position: bottom left;}

#container #showcase p#booking a {
	display:block;
	width: 220px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#container #showcase p#buy {
	position: absolute;
	width: 220px;
	height: 46px;
	margin: 0px ;
	top: 467px;
	left: 712px;
	background: url("../../echosmartpen/images/btn_buy.png") no-repeat top left;
	z-index: 40;
}

#container #showcase p#buy:hover {background-position: bottom left;}

#container #showcase p#buy a {
	display:block;
	width: 220px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

/* インタビューページ */
#container #home_interview {
	clear: both;
	position: rerative;
	width: 954px;
	height: 85px;
	margin: 0px 3px 20px;
}
#container #home_interview p{
	text-indent:-9999em;
}
#container #home_interview p a{
	display:block;
	width:954px;
	height:85px;
	background:url(../../echosmartpen/images/banner_smartinterview_01.png) no-repeat center top;
}
#container #home_interview p a:hover{
	background-position:bottom;
}


/* 商品情報 */
#container #home_product {
	clear: both;
	position: rerative;
	width: 954px;
	height: 167px;
	margin: 0px 3px 20px;
	background: url("../../echosmartpen/images/productframe.png") no-repeat top left;
}

#container #home_product p {
	position: absolute;
	width: 116px;
	height: 19px;
	margin: 128px 810px 0px;
	background: url("../../echosmartpen/images/btn_product.png") no-repeat top left;
}

#container #home_product p:hover {background-position: bottom left;}

#container #home_product p a {
	display:block;
	width: 116px;
	height: 19px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

/* ニュース＆トピックス */
#container #home_news {
	float: left;
	position: rerative;
	width: 625px;
	height: 350px;
	margin: 0px 0px 20px 3px;
	background: url("../../echosmartpen/images/newsframe.png") no-repeat top left;
}

#container #home_news #newsarea {
	position: absolute;
	width: 584px;
	height: 240px;
	margin: 43px 0px 0px 33px;
	padding: 14px 0px;
	overflow-y: scroll;
	font-size: 110%
}

#container #home_news #newsarea div {
	clear: both;
	padding: 8px 0px;
	color: #666;
}

#container #home_news #newsarea div p.date {
	float: left;
	width: 130px;
	padding-left: 15px;
	background: url("../../echosmartpen/images/icon_sqr_green.png") no-repeat top left;
}

#container #home_news #newsarea div p.article {
	float: left;
	width: 410px;
	line-height: 130%;
}

#container #home_news #newsarea div p.article a {
	text-decoration: underline;
	color: #666;
}

#container #home_news #newsarea div p.article a:hover {
	color: #000;
}

/* INFO */
#container #home_info a {
	float: right;
	padding-right:2px;
	position: relative;
	width: 312px;
	height: 71px;
	margin: 0px 0px 15px 0px;
	background: url("../../echosmartpen/images/btn_info.png") no-repeat top left;
}
#container #home_info a:hover {
	background-position:bottom;
}


/* MEDIA */
#container #home_media a {
	float: right;
	padding-right:2px;
	position: relative;
	width: 312px;
	height: 71px;
	margin: 0px 0px 15px 0px;
	background: url("../../echosmartpen/images/btn_media.png") no-repeat top left;
}
#container #home_media a:hover {
	background-position:bottom;
}

/* 取扱店一覧 */
#container #home_store {
	float: right;
	position: relative;
	width: 316px;
	height: 179px;
	margin: 0px 0px 20px 2px;
	background: url("../../echosmartpen/images/storeframe.png") no-repeat top left;
}

#container #home_store p {
	position: absolute;
	width: 220px;
	height: 46px;
	top: 110px;
	left: 47px;
	background: url("../../echosmartpen/images/btn_store.png") no-repeat top left;
}

#container #home_store p:hover {background-position: bottom left;}

#container #home_store p a {
	display:block;
	width: 220px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

/* 記録・再生 */
#container #home_function {
	clear: both;
	position: relative;
	width: 954px;
	height: 329px;
	margin: 0px 3px 20px;
	background: url("../../echosmartpen/images/functionframe.png") no-repeat top left;
}

#container #home_function p#func1 {
	position: absolute;
	width: 316px;
	height: 123px;
	top: 55px;
	left: 2px;
	background: url("../../echosmartpen/images/btn_function01.png") no-repeat top left;
}

#container #home_function p#func2 {
	position: absolute;
	width: 316px;
	height: 123px;
	top: 55px;
	left: 319px;
	background: url("../../echosmartpen/images/btn_function02.png") no-repeat top left;
}

#container #home_function p#func3 {
	position: absolute;
	width: 316px;
	height: 123px;
	top: 55px;
	left: 636px;
	background: url("../../echosmartpen/images/btn_function03.png") no-repeat top left;
}

#container #home_function p#func4 {
	position: absolute;
	width: 316px;
	height: 123px;
	top: 179px;
	left: 2px;
	background: url("../../echosmartpen/images/btn_function04.png") no-repeat top left;
}

#container #home_function p#func5 {
	position: absolute;
	width: 316px;
	height: 123px;
	top: 179px;
	left: 319px;
	background: url("../../echosmartpen/images/btn_function05.png") no-repeat top left;
}

#container #home_function p#func6 {
	position: absolute;
	width: 316px;
	height: 123px;
	top: 179px;
	left: 636px;
	background: url("../../echosmartpen/images/btn_function06.png") no-repeat top left;
}

#container #home_function p#func1:hover {background-position: bottom left;}
#container #home_function p#func2:hover {background-position: bottom left;}
#container #home_function p#func3:hover {background-position: bottom left;}
#container #home_function p#func4:hover {background-position: bottom left;}
#container #home_function p#func5:hover {background-position: bottom left;}
#container #home_function p#func6:hover {background-position: bottom left;}

#container #home_function p a {
	display:block;
	width: 316px;
	height: 123px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

/* セットアップ＆専用予約 */
#container #home_account {
	clear: both;
	position: relative;
	width: 954px;
	height: 114px;
	margin: 0px 3px 20px;
	background: url("../../echosmartpen/images/accountframe.png") no-repeat top left;
}

#container #home_account p#acnt1 {
	height: 46px;
    margin: 22px 129px 0;
    position: absolute;
    width: 220px;
	background: url("../../echosmartpen/images/btn_setup.png") no-repeat top left;
}

#container #home_account p#acnt2 {
	position: absolute;
	width: 220px;
	height: 46px;
	top: 22px;
	left: 603px;
	background: url("../../echosmartpen/images/btn_buy.png") no-repeat top left;
}

#container #home_account p#acnt1:hover {background-position: bottom left;}
#container #home_account p#acnt2:hover {background-position: bottom left;}

#container #home_account p a {
	display:block;
	width: 220px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

/* 外部リンク */
#container #home_outlink {
	clear: both;
	position: relative;
	width: 952px;
	height: 258px;
	margin: 0px 4px 20px;
	background: url("../../echosmartpen/images/underframe.png") no-repeat top left;
}
#container #home_outlink p{
	float:left;
	margin:10px 40px;;
}
#container #home_outlink p.bnr01 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/maruzen.jpg") no-repeat top left;
}
#container #home_outlink p.bnr02 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/shopgakken.jpg") no-repeat top left;
}
#container #home_outlink p.bnr03 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/amazon.jpg") no-repeat top left;
}
#container #home_outlink p.bnr04 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/sanseido.jpg") no-repeat top left;
}
#container #home_outlink p.bnr05 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/jbook.jpg") no-repeat top left;
}
#container #home_outlink p.bnr06 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/honyaclub.jpg") no-repeat top left;
}
#container #home_outlink p.bnr07 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/kinokuniya.jpg") no-repeat top left;
}
#container #home_outlink p.bnr08 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/e-hon.jpg") no-repeat top left;
}
#container #home_outlink p.bnr09 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/shinryobunko.jpg") no-repeat top left;
}
#container #home_outlink p.bnr10 {
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/yamatohonpo.jpg") no-repeat top left;
}


#container #home_outlink p:hover {background-position:left bottom;}

#container #home_outlink p a {
	display:block;
	width: 234px;
	height: 60px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}


/* 機能・特長 --------------------------------------------------------------- */
/* common */
/* 上リンクメニュー */
#container #func_submenu {
	clear: both;
	position: relative;
	width: 954px;
	height: 280px;
	margin: 10px 0px 20px;
	background: url("../../echosmartpen/images/func_submenu.png") no-repeat top left;
}

#container #func_submenu p#func_sub1 {
	position: absolute;
	width: 316px;
	height: 123px;
	margin: 55px 0px 0px 2px;
	background: url("../../echosmartpen/images/func_subpanel01.png") no-repeat top left;
}

#container #func_submenu p#func_sub2 {
	position: absolute;
	width: 316px;
	height: 123px;
	margin: 55px 0px 0px 319px;
	background: url("../../echosmartpen/images/func_subpanel02.png") no-repeat top left;
}

#container #func_submenu p#func_sub3 {
	position: absolute;
	width: 316px;
	height: 123px;
	margin: 55px 0px 0px 636px;
	background: url("../../echosmartpen/images/func_subpanel03.png") no-repeat top left;
}

#container #func_submenu p#func_sub4 {
	position: absolute;
	width: 316px;
	height: 82px;
	margin: 179px 0px 0px 2px;
	background: url("../../echosmartpen/images/func_subpanel04.png") no-repeat top left;
}

#container #func_submenu p#func_sub5 {
	position: absolute;
	width: 316px;
	height: 82px;
	margin: 179px 0px 0px 319px;
	background: url("../../echosmartpen/images/func_subpanel05.png") no-repeat top left;
}

#container #func_submenu p#func_sub6 {
	position: absolute;
	width: 316px;
	height: 82px;
	margin: 179px 0px 0px 636px;
	background: url("../../echosmartpen/images/func_subpanel06.png") no-repeat top left;
}

#container #func_submenu p#func_sub1:hover {background-position: bottom left;}
#container #func_submenu p#func_sub2:hover {background-position: bottom left;}
#container #func_submenu p#func_sub3:hover {background-position: bottom left;}
#container #func_submenu p#func_sub4:hover {background-position: bottom left;}
#container #func_submenu p#func_sub5:hover {background-position: bottom left;}
#container #func_submenu p#func_sub6:hover {background-position: bottom left;}

#container #func_submenu p a {
	display:block;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#container #func_submenu p a.sizeL {
	display:block;
	width: 316px;
	height: 123px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#container #func_submenu p a.sizeS {
	display:block;
	width: 316px;
	height: 82px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#func1 #container #func_submenu p#func_sub1 {background-position: bottom left;}
#func2 #container #func_submenu p#func_sub2 {background-position: bottom left;}
#func3 #container #func_submenu p#func_sub3 {background-position: bottom left;}
#func4 #container #func_submenu p#func_sub4 {background-position: bottom left;}
#func5 #container #func_submenu p#func_sub5 {background-position: bottom left;}
#func6 #container #func_submenu p#func_sub6 {background-position: bottom left;}


/* 下リンクメニュー */
#container #func_btmmenu {
	clear: both;
	position: relative;
	width: 954px;
	height: 194px;
	margin: 10px 0px 20px;
	background: url("../../echosmartpen/images/func_btmmenu.png") no-repeat top left;
}

#container #func_btmmenu p#func_btm1 {
	position: absolute;
	width: 157px;
	height: 123px;
	margin: 55px 0px 0px 2px;
	background: url("../../echosmartpen/images/func_btmpanel01.png") no-repeat top left;
}

#container #func_btmmenu p#func_btm2 {
	position: absolute;
	width: 158px;
	height: 123px;
	margin: 55px 0px 0px 160px;
	background: url("../../echosmartpen/images/func_btmpanel02.png") no-repeat top left;
}

#container #func_btmmenu p#func_btm3 {
	position: absolute;
	width: 157px;
	height: 123px;
	margin: 55px 0px 0px 319px;
	background: url("../../echosmartpen/images/func_btmpanel03.png") no-repeat top left;
}

#container #func_btmmenu p#func_btm4 {
	position: absolute;
	width: 157px;
	height: 123px;
	margin: 55px 0px 0px 477px;
	background: url("../../echosmartpen/images/func_btmpanel04.png") no-repeat top left;
}

#container #func_btmmenu p#func_btm5 {
	position: absolute;
	width: 158px;
	height: 123px;
	margin: 55px 0px 0px 635px;
	background: url("../../echosmartpen/images/func_btmpanel05.png") no-repeat top left;
}

#container #func_btmmenu p#func_btm6 {
	position: absolute;
	width: 158px;
	height: 123px;
	margin: 55px 0px 0px 794px;
	background: url("../../echosmartpen/images/func_btmpanel06.png") no-repeat top left;
}

#container #func_btmmenu p#func_btm1:hover {background-position: bottom left;}
#container #func_btmmenu p#func_btm2:hover {background-position: bottom left;}
#container #func_btmmenu p#func_btm3:hover {background-position: bottom left;}
#container #func_btmmenu p#func_btm4:hover {background-position: bottom left;}
#container #func_btmmenu p#func_btm5:hover {background-position: bottom left;}
#container #func_btmmenu p#func_btm6:hover {background-position: bottom left;}

#container #func_btmmenu p a {
	display:block;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#container #func_btmmenu p a.sizeL {
	display:block;
	width: 158px;
	height: 123px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#container #func_btmmenu p a.sizeS {
	display:block;
	width: 157px;
	height: 123px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#func1 #container #func_btmmenu p#func_btm1 {background-position: bottom left;}
#func2 #container #func_btmmenu p#func_btm2 {background-position: bottom left;}
#func3 #container #func_btmmenu p#func_btm3 {background-position: bottom left;}
#func4 #container #func_btmmenu p#func_btm4 {background-position: bottom left;}
#func5 #container #func_btmmenu p#func_btm5 {background-position: bottom left;}
#func6 #container #func_btmmenu p#func_btm6 {background-position: bottom left;}

/* コンテンツベース */
#container #func_base #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 165px;
	margin: 0px 3px;
	background: url("../../untitled/images/func_frm_top.png") no-repeat top left;
}

#container #mid {
	clear: both;
	position: relative;
	width: 954px;
	margin: 0px 3px;
	padding: 20px 0px;
	background: url("../../echosmartpen/images/func_frm_mid.png") repeat-y top left;
}
#interview #container #mid {
	clear: both;
	position: relative;
	width: 959px;
	margin: 0px 3px;
	padding: 20px 0px 50px;
	background: url("../../echosmartpen/images/interview_01_contents_bg.png") repeat-y top left;
}

#container #btm {
	clear: both;
	position: relative;
	width: 954px;
	height: 20px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/func_frm_btm.png") no-repeat top left;
}
#interview #container #btm {
	clear: both;
	position: relative;
	width: 954px;
	height: 12px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/interview_01_contents_bottom.png") no-repeat top left;
}

#func1 #container #func_base #top {background: url("../../echosmartpen/images/func_frm_top1.png");}
#func2 #container #func_base #top {background: url("../../echosmartpen/images/func_frm_top2.png");}
#func3 #container #func_base #top {background: url("../../echosmartpen/images/func_frm_top3.png");}
#func4 #container #func_base #top {background: url("../../echosmartpen/images/func_frm_top4.png");}
#func5 #container #func_base #top {background: url("../../echosmartpen/images/func_frm_top5.png");}
#func6 #container #func_base #top {background: url("../../echosmartpen/images/func_frm_top6.png");}


#container #top p#booking {
	position: absolute;
	width: 200px;
	height: 46px;
	margin: 32px 0px 0px 721px;
	background: url("../../echosmartpen/images/btn_bookingS.png") no-repeat top left;
}

#container #top p#movie {
	position: absolute;
	width: 200px;
	height: 46px;
	margin: 88px 0px 0px 721px;
	background: url("../../echosmartpen/images/btn_movieS.png") no-repeat top left;
}

#container #top p#booking:hover {background-position: bottom left;}
#container #top p#movie:hover {background-position: bottom left;}

#container #top p a {
	display:block;
	width: 200px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}


#container #mid .pagetop {
	clear: both;
	position: relative;
	width: 114px;
	height: 16px;
	margin: 10px 0px 30px 806px;
	background: url("../../echosmartpen/images/btn_pagetop.png") no-repeat top left;
}

#container #mid .pagetop:hover {background-position: bottom left;}

#container #mid .pagetop a {
	display:block;
	width: 114px;
	height: 16px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}


/* 150330追加　詳しくはこちらボタン */
.bt_detail{
	clear:both;
}
.bt_detail a{
	background: url("../../echosmartpen/images/bt_detail.png") no-repeat right 4px;
	color:#009a2b;
	padding-right:10px;
}

.bt_detail a:hover {
	background: url("../../echosmartpen/images/bt_detail_on.png") no-repeat right 4px;
	color:#ffcc00;
}



#container #func_base #mid #toc {
	clear: both;
	width: 890px;
	margin: 20px auto 40px;
}

#container #func_base #mid #toc p {
	width: 604px;
	height: 70px;
	margin: 0px 0px 10px 0px;
}

#container #func_base #mid .area {
	clear: both;
	position: relative;
	display: block;
	width: 890px;
	margin: 0px auto;
	overflow: hidden;
}

#container #func_base #mid .area h3 {
	margin-bottom: 20px;
	font-size: 120%;
	font-weight: bold;
	color: #2fad52;
}

#container #func_base #mid .area p {
	margin-bottom: 0px auto;
	font-size: 90%;
	line-height: 175%;
	color: #666;
}

#container #func_base #mid .area .thumb {
	float: left;
	width: 286px;
}

#container #func_base #mid .area .thumb img {
	width: 286px;
	height: 161px;
	margin-bottom: 5px;
}

#container #func_base #mid .area .thumb p {
	width: 286px;
	margin-bottom: 5px;
}

#container #func_base #mid .area .arrow {
	float: left;
	width: 16px;
	height: 216px;
	background: url("../../echosmartpen/images/func_thumb_arrow.png") no-repeat top left;
}


/* 記録・再生 */
#func1 #container #func_base #mid #toc p#jump1 {
	background: url("../../echosmartpen/images/func1_jumpbar1.png") no-repeat top left;
}

#func1 #container #func_base #mid #toc p#jump2 {
	background: url("../../echosmartpen/images/func1_jumpbar2.png") no-repeat top left;
}

#func1 #container #func_base #mid #toc p#jump3 {
	background: url("../../echosmartpen/images/func1_jumpbar3.png") no-repeat top left;
}

#func1 #container #func_base #mid #toc p#booking {
	position: absolute;
	width: 200px;
	height: 46px;
	top: 40px;
	left: 688px;
	background: url("../../echosmartpen/images/btn_bookingS.png") no-repeat top left;
}

#func1 #container #func_base #mid #toc p#movie {
	position: absolute;
	width: 200px;
	height: 46px;
	top: 40px;
/*	top: 96px;	*/
	left: 688px;
	background: url("../../echosmartpen/images/btn_movieS.png") no-repeat top left;
}

#func1 #container #func_base #mid #toc p#jump1:hover {background-position: bottom left;}
#func1 #container #func_base #mid #toc p#jump2:hover {background-position: bottom left;}
#func1 #container #func_base #mid #toc p#jump3:hover {background-position: bottom left;}
#func1 #container #func_base #mid #toc p#booking:hover {background-position: bottom left;}
#func1 #container #func_base #mid #toc p#movie:hover {background-position: bottom left;}

#func1 #container #func_base #mid #toc p a {
	display:block;
	width: 604px;
	height: 70px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#func1 #container #func_base #mid #toc p#booking a, #func1 #container #func_base #mid #toc p#movie a {
	display:block;
	width: 200px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#func1 #container #func_base #mid #headline1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func1_headline1.png") no-repeat top left;
}

#func1 #container #func_base #mid #subhead1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func1_subhead1.png") no-repeat top left;
}

#func1 #container #func_base #mid #headline2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func1_headline2.png") no-repeat top left;
}

#func1 #container #func_base #mid #subhead2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func1_subhead2.png") no-repeat top left;
}

#func1 #container #func_base #mid #tips1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 864px;
	margin: 40px auto 20px;
	background: url("../../echosmartpen/images/func1_tips01.png") no-repeat top left;
}

#func1 #container #func_base #mid #tips1 h3 {
	padding: 85px 30px 30px;
	font-size: 140%;
	color: #009a2b;
}

#func1 #container #func_base #mid #tips1 #tips_area {
	width: 260px;
	margin: 0px 30px 0px;
}

#func1 #container #func_base #mid #tips1 #tips_area p {
	margin-bottom: 30px;
	color: #666;
}

#func1 #container #func_base #mid #tips1 #tips_area p.note {
	font-size: 80%;
}

#func1 #container #func_base #mid #pict11 {
	clear: both;
	position: relative;
	width: 890px;
	height: 260px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/func1_pict11.png") no-repeat top left;
}

#func1 #container #func_base #mid #pict21 {
	clear: both;
	position: relative;
	width: 890px;
	height: 323px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/func1_pict21.png") no-repeat top left;
}

#func1 #container #func_base #mid #ctrl {
	clear: both;
	position: relative;
	width: 890px;
	margin: 0px auto 30px;
}

#func1 #container #func_base #mid #ctrl #c_top {
	width: 890px;
	height: 35px;
	background: url("../../echosmartpen/images/func1_ctrl_frm_top.png") no-repeat top left;
}

#func1 #container #func_base #mid #ctrl #c_mid {
	width: 830px;
	padding: 0px 30px;
	background: url("../../echosmartpen/images/func1_ctrl_frm_mid.png") repeat-y top left;
	overflow: hidden;
}

#func1 #container #func_base #mid #ctrl #c_btm {
	width: 890px;
	height: 35px;
	background: url("../../echosmartpen/images/func1_ctrl_frm_btm.png") no-repeat top left;
}

#func1 #container #func_base #mid #ctrl #c_mid h3 {
	margin-bottom: 10px;
	font-size: 130%;
	color: #009a2b;
}

#func1 #container #func_base #mid #ctrl #c_mid .block {
	width: 400px;
}

#func1 #container #func_base #mid #ctrl #c_mid .block h4 {
	width: 400px;
	margin-bottom: 5px;
	font-size: 110%;
	color: #009a2b;
}

#func1 #container #func_base #mid #ctrl #c_mid .block img {
	margin-bottom: 5px;
}

#func1 #container #func_base #mid #ctrl #c_mid .block p {
	width: 400px;
	color: #666;
	margin-bottom: 10px;
}

/* 修正返答待ちによる保留
#func1 #container #func_base #mid #pict22 {
	clear: both;
	position: relative;
	width: 890px;
	height: 864px;
	margin: 0px auto 30px;
	background: url("../images/func1_pict22.png") no-repeat top left;
}
*/


/* 保存・検索 */
#func2 #container #func_base #mid #toc {
	height: 463px;
	padding: 0px 32px;
	background: url("../../echosmartpen/images/func2_pict01.png") no-repeat top left;
}

#func2 #container #func_base #mid #toc p#jump1 {
	background: url("../../echosmartpen/images/func2_jumpbar1.png") no-repeat top left;
}

#func2 #container #func_base #mid #toc p#jump2 {
	background: url("../../echosmartpen/images/func2_jumpbar2.png") no-repeat top left;
}

#func2 #container #func_base #mid #toc p#jump3 {
	background: url("../../echosmartpen/images/func2_jumpbar3.png") no-repeat top left;
}

#func2 #container #func_base #mid #toc p#jump4 {
	background: url("../../echosmartpen/images/func2_jumpbar4.png") no-repeat top left;
}

#func2 #container #func_base #mid #toc p#jump5 {
	background: url("../../echosmartpen/images/func2_jumpbar5.png") no-repeat top left;
}

#func2 #container #func_base #mid #toc p#booking {
	position: absolute;
	width: 200px;
	height: 46px;
	top: 40px;
	left: 688px;
	background: url("../../echosmartpen/images/btn_bookingS.png") no-repeat top left;
}

#func2 #container #func_base #mid #toc p#movie {
	position: absolute;
	width: 200px;
	height: 46px;
	top: 40px;
/*	top: 96px;	*/
	left: 688px;
	background: url("../../echosmartpen/images/btn_movieS.png") no-repeat top left;
}

#func2 #container #func_base #mid #toc p#jump1:hover {background-position: bottom left;}
#func2 #container #func_base #mid #toc p#jump2:hover {background-position: bottom left;}
#func2 #container #func_base #mid #toc p#jump3:hover {background-position: bottom left;}
#func2 #container #func_base #mid #toc p#jump4:hover {background-position: bottom left;}
#func2 #container #func_base #mid #toc p#jump5:hover {background-position: bottom left;}
#func2 #container #func_base #mid #toc p#booking:hover {background-position: bottom left;}
#func2 #container #func_base #mid #toc p#movie:hover {background-position: bottom left;}

#func2 #container #func_base #mid #toc p a {
	display:block;
	width: 604px;
	height: 70px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#func2 #container #func_base #mid #toc p#booking a, #func2 #container #func_base #mid #toc p#movie a {
	display:block;
	width: 200px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#func2 #container #func_base #mid #headline1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func2_headline1.png") no-repeat top left;
}

#func2 #container #func_base #mid #subhead1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func2_subhead1.png") no-repeat top left;
}

#func2 #container #func_base #mid #headline2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func2_headline2.png") no-repeat top left;
}

#func2 #container #func_base #mid #subhead2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func2_subhead2.png") no-repeat top left;
}

#func2 #container #func_base #mid #headline3 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func2_headline3.png") no-repeat top left;
}

#func2 #container #func_base #mid #subhead3 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func2_subhead3.png") no-repeat top left;
}

#func2 #container #func_base #mid #headline4 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func2_headline4.png") no-repeat top left;
}

#func2 #container #func_base #mid #subhead4 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func2_subhead4.png") no-repeat top left;
}

#func2 #container #func_base #mid #tips2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 1670px;
	margin: 40px auto 20px;
	background: url("../../echosmartpen/images/func2_tips01.png") no-repeat top left;
}


#func2 #container #func_base #mid #tips2 #tips_area {
	clear: both;
	position: relative;
	margin: 0px 30px 0px;
	padding-top: 85px;
	overflow: hidden;
}

#func2 #container #func_base #mid #tips2 #tips_area h3 {
	clear: both;
	margin: 0px 0px 30px;
	font-size: 140%;
	color: #009a2b;
}

#func2 #container #func_base #mid #tips2 #tips_area p.note {
	clear: both;
	margin: 30px 0px 0px;
	font-size: 90%;
	color: #666;
}

#func2 #container #func_base #mid #tips2 #tips_area .tips_box {
	clear: both;
	top: 297px;
	overflow: hidden;
}

#func2 #container #func_base #mid #tips2 #tips_area .tips_box img {
	float: left;
	margin-right: 20px;
}

#func2 #container #func_base #mid #tips2 #tips_area .tips_box p {
	float: left;
	width: 210px;
	margin-top: 10px;
	font-size: 90%;
	color: #666;
}

#func2 #container #func_base #mid #pict21 {
	clear: both;
	position: relative;
	width: 890px;
	height: 620px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/func2_pict21.png") no-repeat top left;
}

#func2 #container #func_base #mid #pict41 {
	clear: both;
	position: relative;
	width: 890px;
	height: 219px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/func2_pict41.png") no-repeat top left;
}



/* 転送・共有 */
#func3 #container #func_base #mid #toc p#jump1 {
	background: url("../../echosmartpen/images/func3_jumpbar1.png") no-repeat top left;
}

#func3 #container #func_base #mid #toc p#jump2 {
	background: url("../../echosmartpen/images/func3_jumpbar2.png") no-repeat top left;
}

#func3 #container #func_base #mid #toc p#jump3 {
	background: url("../../echosmartpen/images/func3_jumpbar3.png") no-repeat top left;
}

#func3 #container #func_base #mid #toc p#booking {
	position: absolute;
	width: 200px;
	height: 46px;
	top: 40px;
	left: 688px;
	background: url("../../echosmartpen/images/btn_bookingS.png") no-repeat top left;
}

#func3 #container #func_base #mid #toc p#movie {
	position: absolute;
	width: 200px;
	height: 46px;
	top: 40px;
/*	top: 96px;	*/
	left: 688px;
	background: url("../../echosmartpen/images/btn_movieS.png") no-repeat top left;
}

#func3 #container #func_base #mid #toc p#jump1:hover {background-position: bottom left;}
#func3 #container #func_base #mid #toc p#jump2:hover {background-position: bottom left;}
#func3 #container #func_base #mid #toc p#jump3:hover {background-position: bottom left;}
#func3 #container #func_base #mid #toc p#booking:hover {background-position: bottom left;}
#func3 #container #func_base #mid #toc p#movie:hover {background-position: bottom left;}

#func3 #container #func_base #mid #toc p a {
	display:block;
	width: 604px;
	height: 70px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#func3 #container #func_base #mid #toc p#booking a, #func3 #container #func_base #mid #toc p#movie a {
	display:block;
	width: 200px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#func3 #container #func_base #mid #headline1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func3_headline1.png") no-repeat top left;
}

#func3 #container #func_base #mid #subhead1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func3_subhead1.png") no-repeat top left;
}

#func3 #container #func_base #mid #headline2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func3_headline2.png") no-repeat top left;
}

#func3 #container #func_base #mid #subhead2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func3_subhead2.png") no-repeat top left;
}

#func3 #container #func_base #mid #tips3 {
	clear: both;
	position: relative;
	width: 890px;
	height: 1240px;
	margin: 40px auto 20px;
	background: url("../../echosmartpen/images/func3_tips01.png") no-repeat top left;
}

#func3 #container #func_base #mid #tips3 #tips_area {
	width: 830px;
	margin: 0px 0px 0px;
	padding: 85px 30px;
	overflow: hidden;
}

#func3 #container #func_base #mid #tips3 #tips_area h3 {
	margin-bottom: 32px;
	font-size: 120%;
	color: #009a2b;
}

#func3 #container #func_base #mid #tips3 #tips_area #tips_subhead {
	width: 830px;
	height: 30px;
	margin-bottom: 20px;
	background: url("../../echosmartpen/images/func3_tips_subhead.png") no-repeat top left;
}

#func3 #container #func_base #mid #tips3 #tips_area p {
	margin-bottom: 17px;
	font-size: 90%;
	color: #666;
}

#func3 #container #func_base #mid #tips3 #tips_area hr {
	margin: 30px 0px;
	border: none;
	border-top: 1px solid #666;
}

#func3 #container #func_base #mid #tips3 #tips_area .thumb {
	float: left;
	width: 266px;
}

#func3 #container #func_base #mid #tips3 #tips_area .thumb p {
	margin: 10px 0px;
}

#func3 #container #func_base #mid #pict01 {
	clear: both;
	position: relative;
	width: 890px;
	height: 626px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/func3_pict01.png") no-repeat top left;
}

#func3 #container #func_base #mid .area .arrow_down {
	float: left;
	width: 600px;
	height: 39px;
	background: url("../../echosmartpen/images/func_thumb_arrow_down.png") no-repeat top left;
}


#func3 #container #func_base #mid .area .thumb {
	float: left;
	width: 600px;
	height: 317px;
}
#func3 #container #func_base #mid .area .thumb2 {
	float: left;
	width: 600px;
	height: 354px;
}

#func3 #container #func_base #mid .area .caption {
	float: left;
	width: 270px;
	margin-left: 20px;
	color: #666;
}

#func3 #container #func_base #mid .area #thumb301 {
	background: url("../../echosmartpen/images/func_thumb301.png") no-repeat top left;
}

#func3 #container #func_base #mid .area #thumb302 {
	background: url("../../echosmartpen/images/func_thumb302.png") no-repeat top left;
}

#func3 #container #func_base #mid .area #thumb303 {
	background: url("../../echosmartpen/images/func_thumb303.png") no-repeat top left;
}

#func3 #container #func_base #mid .area #thumb304 {
	background: url("../../echosmartpen/images/func_thumb304.png") no-repeat top left;
}

#func3 #container #func_base #mid .area #thumb305 {
	background: url("../../echosmartpen/images/func_thumb305.png") no-repeat top left;
}

#func3 #container #func_base #mid .area #thumb306 {
	background: url("../../echosmartpen/images/func_thumb306.png") no-repeat top left;
}

#func3 #container #func_base #mid .area #thumb307 {
	background: url("../../echosmartpen/images/func_thumb307.png") no-repeat top left;
}

#func3 #container #func_base #mid .area #thumb308 {
	background: url("../../echosmartpen/images/func_thumb308.png") no-repeat top left;
}

#func3 #container #func_base #mid .area #thumb309 {
	background: url("../../echosmartpen/images/func_thumb309.png") no-repeat top left;
}

#func3 #container #func_base #mid .area #thumb310 {
	background: url("../../echosmartpen/images/func_thumb310.png") no-repeat top left;
}


/* アプリ */
#func4 #container #func_base #mid #headline1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func4_headline1.png") no-repeat top left;
}

#func4 #container #func_base #mid #subhead1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func4_subhead1.png") no-repeat top left;
}

#func4 #container #func_base #mid .area h3#headtext {
	float: left;
	width: 422px;
	margin: 0px 42px 30px 0px;
}

#func4 #container #func_base #mid #pict11 {
	float: left;
	position: relative;
	width: 422px;
	height: 301px;
	margin: 0px 0px 30px;
	background: url("../../echosmartpen/images/func4_pict11.png") no-repeat top left;
}

#func4 #container #func_base #mid .area .appfrm {
	width: 405px;
	margin: 0px 0px 30px;
}

#func4 #container #func_base #mid .area .appfrm h3{
	margin: 0px 0px 5px;
	font-size: 130%;
}

#func4 #container #top p#movie {
	margin: 32px 0px 0px 721px;
}



/* Live Scribe Online */
#func5 #container #func_base #mid #headline1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func5_headline1.png") no-repeat top left;
}
#func5 #container #func_base #mid #headline2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/func5_headline2.png") no-repeat top left;
}

#func5 #container #func_base #mid .area h3 {
	width: 560px;
	margin-bottom: 30px;
	margin-left:20px;
}

#func5 #container #func_base #mid .area ul {
	color:#666666;
	width: 560px;
	margin-left:20px;
	list-style-position: inside;
	list-style-image: url("../../echosmartpen/images/li_icon_green.png");
}

#func5 #container #func_base #mid .area ul li {
	margin-bottom: 20px;
	padding-left:1.5em;
	text-indent:-1.5em;
}
#func5 #container #func_base #mid .area ul li a {
	color: #009a2b;
	text-decoration:underline;
}
#func5 #container #func_base #mid .area ul li a:hover {
	text-decoration:none;
}

#func5 #container #func_base #mid .area p {
	font-size: 90%;
}

#func5 #container #func_base #mid #pict11 {
	float: right;
	position: relative;
	width: 292px;
	height: 324px;
	margin: 50px 0px 0px;
	background: url("../../echosmartpen/images/func5_pict11.png") no-repeat top left;
}

#func5 #container #func_base #mid #pict12 {
	float: right;
	position: relative;
	width: 416px;
	height: 261px;
	margin: 0px 0px 10px;
	background: url("../../echosmartpen/images/func5_pict12.png") no-repeat top left;
}

#func5 #container #top p#movie {
	margin: 32px 0px 0px 721px;
}


/* 解説ムービー */
#func6 #container #func_base #mid #headline1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto ;
	background: url("../../echosmartpen/images/func6_headline1.png") no-repeat top left;
}
#func6 #container #func_base #mid .mov_box_01 #movthumbs1 {
	display:block;
	width: 210px;
	height: 192px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_01.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_01 #movthumbs2 {
	display:block;
	width: 210px;
	height: 193px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_02.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_01 #movthumbs3 {
	display:block;
	width: 210px;
	height: 171px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_03.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_01 #movthumbs4 {
	display:block;
	width: 210px;
	height: 192px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_04.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_01 #movthumbs5 {
	display:block;
	width: 210px;
	height: 192px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_05.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_01 #movthumbs6 {
	display:block;
	width: 210px;
	height: 192px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_06.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_02 #movthumbs7 {
	display:block;
	width: 280px;
	height: 182px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_07.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_02 #movthumbs8 {
	display:block;
	width: 280px;
	height: 182px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_08.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_02 #movthumbs9 {
	display:block;
	width: 280px;
	height: 182px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_09.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_02 #movthumbs10 {
	display:block;
	width: 280px;
	height: 182px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_10.png") no-repeat top center;
}
#func6 #container #func_base #mid .mov_box_02 #movthumbs11 {
	display:block;
	width: 280px;
	height: 182px;
	margin:0px 0px 10px;
	background: url("../../echosmartpen/images/func6_mov_thumbs_11.png") no-repeat top center;
}

#func6 #container #func_base #mid .mov_box_01 a,
#func6 #container #func_base #mid .mov_box_02 a{
	display:block;
	width: 100%;
	height: 100%;
}
#func6 #container #func_base #mid .mov_box_01:hover #movthumbs1,
#func6 #container #func_base #mid .mov_box_01:hover #movthumbs2,
#func6 #container #func_base #mid .mov_box_01:hover #movthumbs3,
#func6 #container #func_base #mid .mov_box_01:hover #movthumbs4,
#func6 #container #func_base #mid .mov_box_01:hover #movthumbs5,
#func6 #container #func_base #mid .mov_box_01:hover #movthumbs6,
#func6 #container #func_base #mid .mov_box_02:hover #movthumbs7,
#func6 #container #func_base #mid .mov_box_02:hover #movthumbs8,
#func6 #container #func_base #mid .mov_box_02:hover #movthumbs9,
#func6 #container #func_base #mid .mov_box_02:hover #movthumbs10,
#func6 #container #func_base #mid .mov_box_02:hover #movthumbs11{
	background-position:bottom center;
}





#func6 #container #func_base #mid .area {
	width: 890px;
}


#func6 #container #func_base #mid .area div.center{
	margin: 0px auto 40px;
}






/* 商品情報 ----------------------------------------------------------------- */
#container #etc_btmmenu {
	clear: both;
	position: relative;
	width: 954px;
	height: 94px;
	margin: 10px 0px 20px;
	background: url("../../echosmartpen/images/etc_btmmenu.png") no-repeat top left;
}

#container #etc_btmmenu p#etc_btm1 {
	position: absolute;
	width: 316px;
	height: 68px;
	margin: 12px 0px 0px 2px;
	background: url("../../echosmartpen/images/etc_btmpanel01.png") no-repeat top left;
}

#container #etc_btmmenu p#etc_btm2 {
	position: absolute;
	width: 316px;
	height: 68px;
	margin: 12px 0px 0px 319px;
	background: url("../../echosmartpen/images/etc_btmpanel02.png") no-repeat top left;
}

#container #etc_btmmenu p#etc_btm3 {
	position: absolute;
	width: 316px;
	height: 68px;
	margin: 12px 0px 0px 636px;
	background: url("../../echosmartpen/images/etc_btmpanel03.png") no-repeat top left;
}

#container #etc_btmmenu p#etc_btm1:hover {background-position: bottom left;}
#container #etc_btmmenu p#etc_btm2:hover {background-position: bottom left;}
#container #etc_btmmenu p#etc_btm3:hover {background-position: bottom left;}

#container #etc_btmmenu p a {
	display:block;
	width: 316px;
	height: 68px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#product #container #etc_btmmenu p#etc_btm1 {background-position: bottom left;}
#store #container #etc_btmmenu p#etc_btm2 {background-position: bottom left;}
#store #container #etc_btmmenu p.noHover {background-position: top left !important;}
#store #container #etc_btmmenu p.noHover:hover {background-position: bottom left !important;}
#account #container #etc_btmmenu p#etc_btm3 {background-position: bottom left;}


#container #etc_booking {
	clear: both;
	position: relative;
	width: 954px;
	height: 114px;
	margin: 0px 3px 20px;
	background: url("../../echosmartpen/images/etc_btmframe.png") no-repeat top left;
}

#container #etc_booking p {
	position: absolute;
	width: 220px;
	height: 46px;
	top: 22px;
	left: 366px;
	background: url("../../echosmartpen/images/btn_booking.png") no-repeat top left;
}

#container #etc_booking p:hover {background-position: bottom left;}

#container #etc_booking p a {
	display:block;
	width: 220px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

/**/

#container #etc_buy {
	clear: both;
	position: relative;
	width: 954px;
	height: 114px;
	margin: 0px 3px 20px;
	background: url("../../echosmartpen/images/etc_btmframe.png") no-repeat top left;
}
#container #etc_buy p {
	position: absolute;
	width: 220px;
	height: 46px;
	top: 22px;
	left: 366px;
	background: url("../../echosmartpen/images/btn_buy.png") no-repeat top left;
}
#container #etc_buy p:hover {
	background-position: bottom left;
}
#container #etc_buy p a {
	display:block;
	width: 220px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

/**/



#product #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 555px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/etc_frm_top1.png") no-repeat top left;
}

#product #container #mid .area {
	width: 894px;
	margin: 0px 30px 40px;
	overflow: hidden;
}

#product #container #mid #opt {
	clear: both;
	position: relative;
	width: 890px;
}

#product #container #mid #opt #o_top {
	position: relative;
	width: 890px;
	height: 120px;
	background: url("../../echosmartpen/images/etc_spt_opt_frm_top.png") no-repeat top left;
}

#product #container #mid #opt #o_mid {
	width: 830px;
	padding: 0px 30px;
	background: url("../../echosmartpen/images/etc_spt_opt_frm_mid.png") repeat-y top left;
	overflow: hidden;
	padding-top:10px;
}

#product #container #mid #opt #o_btm {
	width: 890px;
	height: 32px;
	background: url("../../echosmartpen/images/etc_spt_opt_frm_btm.png") no-repeat top left;
}

#product #container #mid #opt #o_top h4 {
	position: absolute;
	width: 890px;
	margin: 60px auto 0px;
	text-align: center;
	font-size: 140%;
	color: #009a2b;
}

/* 2コマ分の場合 */
#product #container #mid #opt #o_mid .item_Long {
	position: relative;
	width: 840px;
	margin-bottom: 20px;
	overflow: hidden;
}
#product #container #mid #opt #o_mid .state_long {
	float: left;
	margin: 6px 0px 0px 15px;
	color: #666;
}
#product #container #mid #opt #o_mid .state_long h5 {
	font-size: 100%;
	line-height: 120%;
	margin-bottom: 0px;
	white-space: pre;
}

#product #container #mid #opt #o_mid .state_long h5 p {
	margin: 6px 1.2em 6px;
	font-size: 80%;
	font-weight: normal;
}

#product #container #mid #opt #o_mid .state_long p {
	font-size: 70%;
}



/* 左右で1商品ずつ */
#product #container #mid #opt #o_mid .itemL {
	float: left;
	position: relative;
	width: 400px;
	margin-bottom: 20px;
	overflow: hidden;
}

#product #container #mid #opt #o_mid .itemR {
	float: right;
	position: relative;
	width: 400px;
	margin-bottom: 20px;
	overflow: hidden;
}

#product #container #mid #opt #o_mid img {
	float: left;
}

#product #container #mid #opt #o_mid .state {
	float: left;
	width: 171px;
	min-height: 145px;
	margin: 6px 0px 0px 15px;
	color: #666;
}

#product #container #mid #opt #o_mid .state h5 {
	font-size: 100%;
	line-height: 120%;
	margin-bottom: 0px;
	white-space: pre;
}

#product #container #mid #opt #o_mid .state h5 p {
	margin: 6px 1.2em 6px;
	font-size: 80%;
	font-weight: normal;
}

#product #container #mid #opt #o_mid .state p {
	font-size: 70%;
}


#product #container #mid #package #p_top {
	width: 682px;
	height: 44px;
	background: url("../../echosmartpen/images/etc_prd_package_top.png") no-repeat top left;
}

#product #container #mid #package #p_mid {
	width: 622px;
	padding: 0px 30px;
	background: url("../../echosmartpen/images/etc_prd_package_mid.png") repeat-y top left;
}

#product #container #mid #package #p_btm {
	width: 682px;
	height: 20px;
	background: url("../../echosmartpen/images/etc_prd_package_btm.png") no-repeat top left;
}

#product #container #mid #package #p_mid p {
	padding: 0px 0px 10px 20px;
	font-size: 110%;
	font-weight: bold;
	color: #666;
	background: url("../../echosmartpen/images/icon_sqr_green.png") no-repeat top left;
}

#product #container #mid #package #p_mid div {
	overflow: hidden;
}

#product #container #mid #package #p_mid div ul {
	width: 300px;
	list-style-position: inside;
	list-style-image: url("../../echosmartpen/images/li_icon_green.png");
}

#product #container #mid #package #p_mid div ul li {
	margin-bottom: 5px;
}

#product #container #mid .area #s_top {
	width: 890px;
	height: 30px;
	background: url("../../echosmartpen/images/etc_prd_spec_top.png") no-repeat top left;
}

#product #container #mid .area #s_mid {
	width: 800px;
	padding: 0px 45px;
	background: url("../../echosmartpen/images/etc_prd_spec_mid.png") repeat-y top left;
}

#product #container #mid .area #s_btm {
	width: 890px;
	height: 30px;
	background: url("../../echosmartpen/images/etc_prd_spec_btm.png") no-repeat top left;
}

#product #container #mid .area #s_mid #subhead1 {
	clear: both;
	width: 800px;
	height: 60px;
	background: url("../../echosmartpen/images/etc_prd_subhead1.png") no-repeat top left;
}

#product #container #mid .area #s_mid h4 {
	font-size: 110%;
}

#product #container #mid .area #s_mid table {
	width: 100%;
	margin-bottom: 20px;
	caption-side: bottom;
	border-collapse: collapse;
}

#product #container #mid .area #s_mid table th {
	width: 25%;
	padding: 12px 0px;
	font-size: 120%;
	border: #afb4b3 solid 3px;
	background-color: #dae9e5;
}

#product #container #mid .area #s_mid table tbody th {
	padding: 12px 18px;
	text-align: left;
	vertical-align: top;
	font-size: 100%;
	border: #afb4b3 solid 3px;
	background-color: #dae9e5;
}

#product #container #mid .area #s_mid table td {
	padding: 12px 18px;
	text-align: left;
	border: #afb4b3 solid 3px;
	background-color: #fff;
}

#product #container #mid .area #s_mid table caption {
	margin: 10px 0px;
	font-size: 90%;
	text-align: left;
}

#product #container #mid .area #s_mid h5 {
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
}


/* 20150330　追加　新ノート */
#product #container #func_base #mid #headline1 {
	clear: both;
}
#product #container #top_note {
	clear: both;
	position: relative;
	width: 954px;
	height: 664px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/product_note_top.png") no-repeat top left;
}

#product #container #mid .area_note {
	width: 894px;
	margin: 0px 30px 40px;
	overflow: hidden;
}



/* 取扱店 ------------------------------------------------------------------- */
#store #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 165px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/etc_frm_top2.png") no-repeat top left;
}

#store #container #top_purchase {
	clear: both;
	position: relative;
	width: 954px;
	height: 165px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/purchase_top2.jpg") no-repeat top left;
}


#store #container #mid #hokkai {
	width: 890px;
	height: 50px;
	margin: 20px auto;
	background: url("../../echosmartpen/images/etc_str_headline_hokkai.png") no-repeat top left;
}

#store #container #mid #saitama {
	width: 890px;
	height: 50px;
	margin: 20px auto;
	background: url("../../echosmartpen/images/etc_str_headline_saitama.png") no-repeat top left;
}

#store #container #mid #chiba {
	width: 890px;
	height: 50px;
	margin: 20px auto;
	background: url("../../echosmartpen/images/etc_str_headline_chiba.png") no-repeat top left;
}

#store #container #mid #tokyo {
	width: 890px;
	height: 50px;
	margin: 20px auto;
	background: url("../../echosmartpen/images/etc_str_headline_tokyo.png") no-repeat top left;
}

#store #container #mid #kanagawa {
	width: 890px;
	height: 50px;
	margin: 20px auto;
	background: url("../../echosmartpen/images/etc_str_headline_kanagawa.png") no-repeat top left;
}

#store #container #mid #aichi {
	width: 890px;
	height: 50px;
	margin: 20px auto;
	background: url("../../echosmartpen/images/etc_str_headline_aichi.png") no-repeat top left;
}

#store #container #mid #osaka {
	width: 890px;
	height: 50px;
	margin: 20px auto;
	background: url("../../echosmartpen/images/etc_str_headline_osaka.png") no-repeat top left;
}

#store #container #mid #hyougo {
	width: 890px;
	height: 50px;
	margin: 20px auto;
	background: url("../../echosmartpen/images/etc_str_headline_hyougo.png") no-repeat top left;
}


#store #container #mid .shop {
	clear: both;
	width: 850px;
	margin: 0px auto 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
	overflow: hidden;
}

#store #container #mid .shop .names {
	float: left;
	width: 200px;
	font-size: 120%;
	font-weight: bold;
	color: #009a2b;
}

#store #container #mid .shop .branch {
	float: left;
	width: 200px;
	font-size: 120%;
	font-weight: bold;
	color: #009a2b;
}

#store #container #mid .shop .place {
	float: left;
	width: 320px;
	color: #666;
}

#store #container #mid .shop .phone {
	float: left;
	width: 130px;
	color: #666;
}



#store #container #top p#movie {
	margin: 32px 0px 0px 721px;
}



/* ユーザ登録 --------------------------------------------------------------- */
#account #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 165px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/etc_frm_top3.png") no-repeat top left;
}

#account #container #mid #headline1 {
	width: 890px;
	height: 50px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/etc_spt_headline1.png") no-repeat top left;
}

#account #container #mid #headline2 {
	width: 890px;
	height: 50px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/etc_spt_headline2.png") no-repeat top left;
}

#account #container #mid #headline3 {
	width: 890px;
	height: 50px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/etc_spt_headline3.png") no-repeat top left;
}

#account #container #mid #headline4 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/etc_spt_headline4.png") no-repeat top left;
}
#account #container #mid #headline5 {
	width: 890px;
	height: 50px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/etc_spt_headline5.png") no-repeat top left;
}

#account #container #mid #subhead1 {
	width: 546px;
	height: 36px;
	margin: 0px auto 10px;
	background: url("../../echosmartpen/images/etc_spt_subhead1.png") no-repeat top left;
}

#account #container #mid #subhead2 {
	width: 546px;
	height: 36px;
	margin: 0px auto 10px;
	background: url("../../echosmartpen/images/etc_spt_subhead2.png") no-repeat top left;
}

#account #container #mid .area {
	width: 894px;
	margin: 0px 30px 40px;
}

#account #container #mid .area h3 {
	margin-bottom: 20px;
	font-size: 110%;
	font-weight: bold;
	color: #2fad52;
}


#account #container #mid #setupL {
	float: left;
	margin: 0px 0px 20px 2px;
}

#account #container #mid #setupR {
	float: right;
	width: 550px;
	margin: 0px 30px 20px 0px;
}

#account #container #mid #setupR .subtext {
	clear: both;
	width: 550px;
	margin: 0px 30px 20px 0px;
}

#account #container #mid #setupR .setup_link {
	clear: both;
	width: 550px;
	margin: 0px 30px 20px 0px;
	font-size: 90%;
	text-align: right;
}
#account #container #mid #setupR .setup_link a{
	color:#009a2a;
}
#account #container #mid #setupR .setup_link a:hover{
	text-decoration:none;
}

#account #container #mid #pict11 {
	width: 330px;
	height: 500px;
	background: url("../../echosmartpen/images/etc_spt_pict11.png") no-repeat top left;
}

#account #container #mid #pict12 {
	float: left;
	width: 123px;
	height: 99px;
	margin: 0px 0px 0px 0px;
	background: url("../../echosmartpen/images/etc_spt_pict12.png") no-repeat top left;
}

#account #container #mid #pict13 {
	float: left;
	width: 123px;
	height: 99px;
	margin: 10px 0px;
	background: url("../../echosmartpen/images/etc_spt_pict13.png") no-repeat top left;
}

#account #container #mid #pict14 {
	float: left;
	width: 123px;
	height: 99px;
	margin: 10px 0px;
	background: url("../../echosmartpen/images/etc_spt_pict14.png") no-repeat top left;
}


#account #container #mid .icon_win {
	float: right;
	width: 296px;
	height: 51px;
	margin: 10px 0px;
	background: url("../../echosmartpen/images/etc_spt_icon_win.png") no-repeat top left;
}
#account #container #mid .icon_win:hover {
	background-position:bottom center;
}

#account #container #mid .icon_mac {
	float: right;
	width: 296px;
	height: 51px;
	margin: 0px 0px 0px 0px;
	background: url("../../echosmartpen/images/etc_spt_icon_mac.png") no-repeat top left;
}
#account #container #mid .icon_mac:hover {
	background-position:bottom center;
}
#account #container #mid .icon_mac_8 {
	float: right;
	width: 296px;
	height: 51px;
	margin: 0px 0px 10px 0px;
	background: url("../../echosmartpen/images/etc_spt_icon_mac_8.png") no-repeat top left;
}
#account #container #mid .icon_mac_8:hover {
	background-position:bottom center;
}

#account #container #mid .icon_win a, #account #container #mid .icon_mac a,
#account #container #mid .icon_win a, #account #container #mid .icon_mac_8 a {
	display: block;
	width: 296px;
	height: 51px;
}


/* 20150427追加 */
#account #container #mid .icon_win78 {
	float: right;
	width: 296px;
	height: 51px;
	margin: 10px 0px;
	background: url("../../echosmartpen/images/etc_spt_icon_win78.png") no-repeat top left;
}
#account #container #mid .icon_win78:hover {
	background-position:bottom center;
}

#account #container #mid .icon_mac1085 {
	float: right;
	width: 296px;
	height: 51px;
	margin: 0px 0px 0px 0px;
	background: url("../../echosmartpen/images/etc_spt_icon_mac1085.png") no-repeat top left;
}
#account #container #mid .icon_mac1085:hover {
	background-position:bottom center;
}

#account #container #mid .icon_win78 a, #account #container #mid .icon_mac1085 a {
	display: block;
	width: 296px;
	height: 51px;
}
.aboutEchoDestktop{
}
.aboutEchoDestktop{
	padding:10px;
	margin:0 0 15px 0;
	font-size:0.75em;
	line-height:1.3em;
	color:#666;
	font-weight:normal;
	background-color:#f8f8f8;

    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}




#account #container #mid #usr_frame {
	clear: both;
	position: relative;
	width: 894px;
	height: 154px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/etc_spt_frm_usr.png") no-repeat top left;
}

#account #container #mid #pdf_frame {
	clear: both;
	position: relative;
	width: 892px;
	height: 114px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/etc_spt_frm_pdf.png") no-repeat top left;
}

#account #container #mid #usr_frame p#regist {
	position: absolute;
	width: 220px;
	height: 46px;
	top: 43px;
	left: 336px;
	background: url("../../echosmartpen/images/etc_spt_btn_usr.png") no-repeat top left;
}

#account #container #mid #pdf_frame p#pdf {
	position: absolute;
	width: 220px;
	height: 46px;
	top: 23px;
	left: 336px;
	background: url("../../echosmartpen/images/etc_spt_btn_pdf.png") no-repeat top left;
}

#account #container #mid #pdf_frame p#pdf:hover {background-position: bottom left;}
#account #container #mid #usr_frame p#regist:hover {background-position: bottom left;}

#account #container #mid #pdf_frame p#pdf a, #account #container #mid #usr_frame p#regist a {
	display:block;
	width: 200px;
	height: 46px;
	background: url("../../echosmartpen/images/spc.png") no-repeat top left;
}

#account #container #mid .area #contact {
	clear: both;
}

#account #container #mid .area #contact h5 {
	float: left;
	margin: 0px 35px 30px 0px;
	font-size: 150%;
	line-height: 30px;
	color: #009a2b;
}

#account #container #mid .area #contact p {
	margin: 0px 35px 30px 0px;
	font-size: 100%;
	line-height: 30px;
}

#account #container #mid .area #contact p a {
	color: #666;
}

#account #container #mid .area #contact p a:hover {
	color: #fc0;
}

#account #container #mid .area #support {
	clear: both;
	color: #666;
	overflow: hidden;
}

#account #container #mid .area #support #usr {
	float: left;
	margin-right: 20px;
	line-height: 30px;
}

#account #container #mid .area #support #tel {
	float: left;
	line-height: 30px;
}

#account #container #mid .area #support #num {
	float: left;
	margin-right: 20px;
	font-size: 150%;
	font-weight: bold;
	line-height: 30px;
}

#account #container #mid .area #support #time {
	float: left;
	line-height: 30px;
}

#account #container #mid .area #inquiry {
	
}

#account #container #mid .area #inquiry h4 {
	clear: both;
	margin: 0px 20px 10px;
	font-size: 120%;
	color: #666;
}

#account #container #mid .area #inquiry div {
	clear: both;
	margin: 0px 20px 20px;
}

#account #container #mid .area #inquiry div .jump {
	float: left;
	margin-bottom: 20px;
	line-height: 20px;
}
#account #container #mid .area #inquiry div .jump a {
	font-weight: bold;
	color: #009a2b;
}

#account #container #mid .area #inquiry div .solution {
	float: left;
	width: 800px;
	margin-bottom: 20px;
	line-height: 20px;
}

#account #container #mid .area #inquiry hr {
	clear: both;
	margin: 0px 20px 20px;
	border-top: 1px solid #b2e1bf;
}

#account #container #mid .area .qus {
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 150%;
	line-height: 20px;
	color: #009a2b;
}

#account #container #mid .area .ans {
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 150%;
	line-height: 20px;
	color: #666;
}

#account #container #func_base #mid .area .appfrm {
	width: 405px;
	margin: 0px 0px 30px;
}

#account #container #func_base #mid .area .appfrm h3{
	margin: 0px 0px 5px;
	font-size: 130%;
}

#account #container #top p#movie {
	margin: 32px 0px 0px 721px;
}






/* サイトポリシー ----------------------------------------------------------- */
#spolicy #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 86px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/spolicy_frm_top.png") no-repeat top left;
}

#spolicy #container #mid #wrapper {
	clear: both;
	width: 890px;
	margin: 0px auto 30px;
}

#spolicy #container #mid #wrapper #petitNavi {
	clear: both;
	margin: 0px 0px 10px 96px;
	font-size: 90%;
}

#spolicy #container #mid #wrapper #petitNavi span {
	margin: 0px 5px;
}

#spolicy #container #mid #wrapper #petitNavi span a {
	text-decoration: none;
}

#spolicy #container #mid #wrapper #petitNavi span a:hover {
	text-decoration: underline;
}

#spolicy #container #mid #wrapper .package {
	clear: both;
	overflow: hidden;
}

#spolicy #container #mid #wrapper #terms {
	float: left;
	width: 75px;
	height: 76px;
	margin-right: 20px;
	background: url("../../echosmartpen/images/h2_tos.gif") no-repeat top left;
}

#spolicy #container #mid #wrapper #setting {
	float: left;
	width: 75px;
	height: 76px;
	margin-right: 20px;
	background: url("../../echosmartpen/images/h2_recommended_environment.gif") no-repeat top left;
}

#spolicy #container #mid #wrapper .area {
	float: left;
	width: 795px;
	padding: 20px 0px;
	background: url(../../echosmartpen/images/border_gray_w828.jpg) no-repeat top left;
}

#spolicy #container #mid #wrapper .area .list {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #666;
	overflow: hidden;
}

#spolicy #container #mid #wrapper .area .list h3 {
	float: left;
	width: 160px;
}

#spolicy #container #mid #wrapper .area .list .text {
	float: left;
	width: 635px;
}

#spolicy #container #mid #wrapper .area .list h4 {
	margin-bottom: 10px;
}

#spolicy #container #mid #wrapper .area .list .string {
	margin: 0px 0px 15px 60px;
}


#spolicy #container #mid #wrapper .area .list .text .notice {
	width: 618px;
	margin: 0.8em 0 0 16px;
	background: #c8edd4 url("../../echosmartpen/images/notice_bg_header.gif") no-repeat top left;
}

#spolicy #container #mid #wrapper .area .list .text .notice ol {
	padding: 10px;
	background: url("../../echosmartpen/images/notice_bg_footer.gif") no-repeat left bottom;
}

#spolicy #container #mid #wrapper .area .list .text .notice ol.order {
	padding-left: 38px;
}

#spolicy #container #mid #wrapper .area .list p.adobereader,
#spolicy #container #mid #wrapper .area .list p.flashplayer {
	margin-left: 20px;
	text-align: center;
}

#spolicy #container #mid #wrapper .area .list span {
	font-size: 80%;
}

#spolicy #container #mid #wrapper .area .list ul {
	margin-left: 60px;
	list-style-image: url("../../echosmartpen/images/bullet_square_green_s.jpg");
	list-style-position: inside;
}

#spolicy #container #mid .into {
	margin-left: 776px;
}



/* サイトマップ ------------------------------------------------------------- */
#sitemap #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 165px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/smap_frm_top.png") no-repeat top left;
}

#sitemap #container #mid .area {
	clear: both;
	width: 790px;
	margin: 0px auto 30px;
}

#sitemap #container #mid .area table#setL {
	float: left;
	width: 450px;
	margin: 0px auto: 30px;
}

#sitemap #container #mid .area table#setR {
	float: left;
	width: 300px;
	margin: 0px 0px 30px 40px;
}

#sitemap #container #mid .area table {
	width: 300px;
	margin: 0px auto: 30px;
}

#sitemap #container #mid .area table td {
	padding: 8px 10px;
	font-weight: bold;
	color: #666;
}

#sitemap #container #mid .area table td.line_off {
	border: none;
}

#sitemap #container #mid .area table td.line_on {
	border-bottom: 1px solid #ccc;
}

#sitemap #container #mid .area table td a {
	padding-left: 20px;
	color: #009a2b;
	background: url("../../echosmartpen/images/icon_arrow_green.png") no-repeat center left;
}

#sitemap #container #mid .area table td a.gray {
	padding-left: 20px;
	color: #666;
	background: url("../../echosmartpen/images/icon_arrow_gray.png") no-repeat center left;
}



/* アカウント登録 ----------------------------------------------------------- */
#regist #container #bg_navigate {
	clear: both;
	margin: 50px 0px 20px;
	height: 3px;
	background: url("../../echosmartpen/images/bg_navigate.png") repeat-x top left;
	z-index: 50;
}

#regist #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 86px;
	margin: 0px 3px;
	background: url("../../untitled/images/reg_frm_top.png") no-repeat top left;
}


#regist #container #footer #link_template {
	float: left;
	width: 800px;
	height: 28px;
	padding: 45px 0px 18px;
	color: #666;
}

#regist #container #footer #link_template p a {
	text-decoration: none;
	color: #666;
}

#regist #container #footer #link_template p a:hover {
	text-decoration: underline;
}

#regist #container #footer #grouplogo {
	float: right;
	padding: 45px 0px 18px;
}

#regist #container #mid #headline1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 30px;
	background: url("../../untitled/images/reg_headline1.png") no-repeat top left;
}

#regist #container #mid #headline2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 30px;
	background: url("../../untitled/images/reg_headline2.png") no-repeat top left;
}

#regist #container #mid #headline3 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 30px;
	background: url("../../untitled/images/reg_headline3.png") no-repeat top left;
}

#regist #container #mid #enrollment {
	clear: both;
	position: relative;
	width: 890px;
	margin: 0px auto 20px;
	overflow: hidden;
}

#regist #container #mid #enrollment .bundle {
	margin-bottom: 15px;
	overflow: hidden;
}

#regist #container #mid #enrollment .bundle .divh {
	float: left;
	width: 230px;
	margin-right: 10px;
	padding-top: 11px;
	font-weight: bold;
	text-align: right;
	font-size: 120%;
	line-height: 100%;
	color: #666;
}

#regist #container #mid #enrollment .bundle .divh.down {
	padding-top: 25px;
}

#regist #container #mid #enrollment .bundle .divd {
	float: left;
	width: 410px;
	margin-right: 10px;
	font-size: 80%;
	line-height: 130%;
	color: #666;
}

#regist #container #mid #enrollment .bundle .divd input {
	width: 390px;
	margin-bottom: 5px;
	padding:8px;
	border: 1px solid #c1c1c1;
	background: #fff;
	color: #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
}

#regist #container #mid #enrollment .bundle .divd select {
	margin-bottom: 5px;
	padding:4px;
	border: 1px solid #c1c1c1;
	background: #fff;
	color: #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
}


#regist #container #mid #enrollment .bundle .divd input[type="checkbox"] {
	width: 20px;
	padding: 2px;
	background-color: #ccc;
}

#regist #container #mid #enrollment .bundle .divd .cols2 input[type="radio"] {
	width: 20px;
	background-color: #ccc;
}


#regist #container #mid #enrollment .bundle .divd .cols2 {
	float: left;
	width: 190px;
}

#regist #container #mid #enrollment .bundle .divd .cols3 {
	float: left;
	width: 120px;
	overflow: hidden;
}

#regist #container #mid #enrollment .bundle .divd .cols3-2 {
	float: left;
	width: 250px;
	overflow: hidden;
}

#regist #container #mid #enrollment .bundle .divd .cols3-1 {
	float: left;
	width: 100px;
}

#regist #container #mid #enrollment .bundle .divd .cols2 input {
	width: 170px;
}

#regist #container #mid #enrollment .bundle .divd .cols3 input {
	width: 84px;
}

#regist #container #mid #enrollment .bundle .divd .cols2 span {
	line-height: 40px;
	font-size: 120%;
	color: #666;
}

#regist #container #mid #enrollment .bundle .divd .cols3-2 input {
	float: left;
	width: 60px;
}

#regist #container #mid #enrollment .bundle .divd .cols3-2 span {
	float: left;
	margin: 0px 5px;
}



#regist #container #mid #enrollment .bundle .divd span {
	line-height: 40px;
	font-size: 120%;
	color: #666;
}

#regist #container #mid #enrollment .bundle .divd #reset {
	float: left;
	width: 200px;
	height: 46px;
	margin: 0px;
	padding: 0px;
	border: none;
	background: url("../../untitled/images/reg_btn_back.png") no-repeat top left;
}

#regist #container #mid #enrollment .bundle .divd #check {
	float: right;
	width: 200px;
	height: 46px;
	margin: 0px;
	padding: 0px;
	border: none;
	background: url("../../untitled/images/reg_btn_check.png") no-repeat top left;
}

#regist #container #mid #enrollment .bundle .divd #reset:hover,
#regist #container #mid #enrollment .bundle .divd #check:hover {
	background-position: bottom left;
}

#regist #container #mid #enrollment .bundle .divc {
	float: left;
	width: 230px;
	min-height: 19px;
	line-height: 100%;
	color: #b70031;
}

#regist #container #mid #enrollment .bundle .divc p {
	float: left;
	min-width: 21px;
	height: 30px;
	margin-top: 10px;
	padding: 3px 0px 0px 24px;
	font-size: 90%;
	color: #b70031;
	background: url("../../untitled/images/icon_caution_red.png") no-repeat top left;
}

#regist #container #mid #enrollment .bundle .divc.down {
	padding-top: 12px;
}

#regist #container #mid #enrollment p {
	color: #666;
}

#regist #container #mid .area {
	clear: both;
	position: relative;
	display: block;
	width: 830px;
	margin: 0px auto;
	overflow: hidden;
}

#regist #container #mid span {
	font-weight: bold;
	color: #009a2b;
}

#regist #container #mid #enrollment #frm_policy {
	position: relative;
	width: 890px;
	height: 154px;
	margin: 10px auto 30px;
	background: url("../../untitled/images/reg_frm_policy.png") no-repeat top left;
}

#regist #container #mid #enrollment #frm_policy #p_text {
	position: absolute;
	width: 890px;
	top: 33px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #666;
}

#regist #container #mid #enrollment #frm_policy #p_text a {
	color: #009a2b;
}

#regist #container #mid #enrollment #frm_policy #p_text a:hover {
	text-decoration: none;
}

#regist #container #mid #enrollment #frm_policy #p_checkbox  {
	position: absolute;
	width: 890px;
	top: 80px;
	text-align: center;
}

#regist #container #mid #enrollment #frm_policy div span {
	font-size: 100%;
	font-weight: bold;
	color: #666;
}

#regist #container #mid #enrollment #frm_policy #p_caution {
	position: absolute;
	width: 890px;
	top: 100px;
	left: 265px;
}

#regist #container #mid #enrollment #frm_policy #p_caution p {
	float: left;
	min-width: 21px;
	height: 30px;
	margin-top: 10px;
	padding: 1px 0px 0px 24px;
	font-size: 90%;
	color: #b70031;
	background: url("../../untitled/images/icon_caution_red.png") no-repeat top left;
}



#regist #container #mid #register {
	width: 890px;
	margin: 0px auto 30px;
	overflow: hidden;
}

#regist #container #mid #register .registerh {
	float: left;
	width: 270px;
	margin-bottom: 6px;
	text-align: right;
	font-size: 115%;
	color: #666;
}

#regist #container #mid #register .registerd {
	float: left;
	width: 600px;
	margin-bottom: 6px;
	font-size: 115%;
	color: #666;
}

#regist #container #mid #frm_check {
	width: 420px;
	margin: 20px auto 30px;
	overflow: hidden;
}

#regist #container #mid #frm_check #reset {
	float: left;
	width: 200px;
	height: 46px;
	margin: 0px;
	padding: 0px;
	border: none;
	background: url("../../untitled/images/reg_btn_back.png") no-repeat top left;
}

#regist #container #mid #frm_check #regist {
	float: right;
	width: 200px;
	height: 46px;
	margin: 0px;
	padding: 0px;
	border: none;
	background: url("../../untitled/images/reg_btn_regist.png") no-repeat top left;
}

#regist #container #mid #frm_check #reset:hover,
#regist #container #mid #frm_check #regist:hover {
	background-position: bottom left;
}




#regist #container #mid #frm_done_board {
	position: relative;
	width: 890px;
	height: 432px;
	margin: 0px auto 30px;
	padding-top: 82px;
	background: url("../../echosmartpen/images/reg_done_board.png") no-repeat top left;
}

#regist #container #mid #frm_done_board .boardh {
	float: left;
	width: 275px;
	margin-bottom: 6px;
	text-align: right;
	font-size: 115%;
	color: #666;
}

#regist #container #mid #frm_done_board .boardd {
	float: left;
	width: 600px;
	margin-bottom: 6px;
	font-size: 115%;
	color: #666;
}

#regist #container #mid #frm_done_board #limit {
	clear: both;
	margin: 0px 0px 0px 90px;
	padding-top: 16px;
	font-size: 120%;
	font-weight: bold;
	color: #009a2b;
}

#regist #container #mid #frm_done_board #caption {
	clear: both;
	margin: 0px 0px 30px 90px;
	font-size: 90%;
	color: #666;
}

#regist #container #mid #frm_done_board #surety {
	clear: both;
	margin: 0px 0px 0px 90px;
	color: #666;
}

#regist #container #mid #frm_done_board #surety #font1{
	margin-bottom: 10px;
	font-size: 110%;
}

#regist #container #mid #frm_done_board #surety #font2{
	font-size: 90%;
}


#regist #container #mid #frm_back {
	width: 200px;
	margin: 0px auto 30px;
	overflow: hidden;
}

#regist #container #mid #frm_back #reset {
	float: left;
	display: block;
	width: 200px;
	height: 46px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	background: url("../../untitled/images/reg_btn_back.png") no-repeat top left;
}

#regist #container #mid #frm_back #reset:hover {
	background-position: bottom left;
}



#contents .registrationBtnArea{
	width:892px;
	height:153px;
	background: url("../../echosmartpen/images/registrationBtnArea_bg.png") no-repeat top center;
	margin:0 auto;
}
#contents .registrationBtnArea p.btn{
	width:266px;
	height:71px;
	text-align:center;
	margin:0 auto;
	display:block;
	padding-top:25px;
}
#contents .registrationBtnArea p.caption{
	text-align:center;
	margin-top:5px;
	color:#666666;
	font-size:100%;
	line-height:120%;
}

#contents .registrationBtnArea p.btn a.entry{
	width:220px;
	height:46px;
	display:block;
	text-indent:-9999em;
	background: url("../../echosmartpen/images/btn_entry.png") no-repeat top center;
}
#contents .registrationBtnArea p.btn a.entry:hover{
	background-position: 0px -46px;
}


/* 3つ並んだボタンのレイアウト */
#contents .registrationBtnArea .btnArea{ width:266px; float:left;}
#contents .registrationBtnArea .mrgl30{ margin-left:26px; _margin-left:15px;}
#contents .registrationBtnArea .mrgl80{ margin-left:80px; _margin-left:40px;}
#contents .registrationBtnArea .mrgl20{ margin-left:22px; _margin-left:40px;}
#contents .registrationBtnArea .mrgl170{ margin-left:170px; _margin-left:40px;}
#contents .registrationBtnArea .mrgl210{ margin-left:210px; _margin-left:40px;}
#contents .registrationBtnArea p.btn a{ overflow:hidden; }/* firefox用 選択時の点線の防止 */
/* ダウンロードボタン */
#contents .registrationBtnArea p.btn a.download{
	width:266px;
	height:71px;
	display:block;
	text-indent:-9999em;
	background: url("../../echosmartpen/images/btn_download.png") no-repeat top center;
}
#contents .registrationBtnArea p.btn a.download:hover{
	background-position: bottom center;
}
/* マニュアルボタン */
#contents .registrationBtnArea p.btn a.manual{
	width:266px;
	height:71px;
	display:block;
	text-indent:-9999em;
	background: url("../../echosmartpen/images/btn_manual.png") no-repeat top center;
}
#contents .registrationBtnArea p.btn a.manual:hover{
	background-position: bottom center;
}
/* カタログ */
#contents .registrationBtnArea p.btn a.catalogue{
	width:266px;
	height:71px;
	display:block;
	text-indent:-9999em;
	background: url("../../echosmartpen/images/btn_download_catalogue.png") no-repeat top center;
}
#contents .registrationBtnArea p.btn a.catalogue:hover{
	background-position: 0px bottom;
}



#contents .faqArea{
}
#contents .faqArea p.link{
	text-align:center;
	color: #666666;
    font-size: 100%;
    margin: 0 0 20px 10px;
    padding: 10px 0px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
#contents .faqArea p.link a{
	color: #666666;
	padding-right:1em;
	background:url(../../echosmartpen/images/icon_blank_g.png) right center no-repeat;
}
#contents .faqArea p.link a:hover{
	color: #FFCC00;
	background:url(../../echosmartpen/images/icon_blank_y.png) right center no-repeat;
}
#contents .faqArea .line{
	padding:0;
	margin:25px auto 10px auto;
	border-top:2px solid #b2e1bf;
}
#contents .faqArea ul.faqlist{
	margin:0 10px 25px 10px;
}
#contents .faqArea p.ttl{
	margin:0 0 15px 10px;
	padding:0;
	font-size:110%;
	color:#666;
}
#contents .faqArea ul.faqlist li{
	background: url("../../echosmartpen/images/faq_q.gif") no-repeat 0 0;
	min-height:28px;
    padding-left: 30px;
	text-indent: 0;
	margin:4px 0 0 0;
}
#contents .faqArea ul.faqlist li a{
	color:#009a2b;
}
#contents .faqArea ul.faqlist li a:hover{
	text-decoration:none;
}

#contents .faqArea p.ttl2{
	margin:35px 0 25px 0;
	padding:4px 0 3px 10px;
	font-size:120%;
	background-color:#e6f2e9;
}
#contents .faqArea p.ttl2 span{
	color:#009a2b;
	padding-right:4px;
}
#contents .faqArea .faq_q{
	background: url("../../echosmartpen/images/faq_q.gif") no-repeat 0 26px;
	min-height:28px;
    padding-left: 30px;
	padding-top:28px;
	text-indent: 0; 
	margin-bottom:20px;
	color:#009a2b;
	border-top:1px solid #eee;
}

#contents .faqArea .faq_a{
	background: url("../../echosmartpen/images/faq_a.gif") no-repeat 0 0;
	min-height:28px;
    padding-left: 30px;
    padding-right: 1em;
	text-indent: 0;
	margin-bottom:30px;
}
/* common ------------------------------------------------------------------- */



/* 取扱店レイアウト ------------------------------------------------------------------- */
#store #contents #mid #columnStore{
	width:626px;
	margin-left:30px;
	float:left;
}

#store #contents #mid #columnStore h2{
	width:626px;
	height:30px;
	text-indent:-9999em;
	background:url(../../echosmartpen/images/store_h2_01.gif) no-repeat left top;
}
#store #contents #mid #columnStore ul li.category{
	background:#D9F0DF !important;
	padding:5px 0px;
	color:#009a2b;
	font-weight:bold;
	border-bottom:1px dotted #009a2b !important;
	padding:6px 0px 6px 10px;
}

#store #contents #mid #columnStore ul.accordion { background:#FFF; width:100%; margin:20px auto 30px; font-size:100%;}
#store #contents #mid #columnStore ul.accordion a { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#333; font-weight:bold;}
#store #contents #mid #columnStore ul.accordion span { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; color:#333; font-weight:bold;}
#store #contents #mid #columnStore ul.accordion ul { display:none;}
#store #contents #mid #columnStore ul.accordion > li > p span { background-image:url(../../echosmartpen/images/open.png);}
#store #contents #mid #columnStore ul.accordion > li > p span.open { background-image:url(../../echosmartpen/images/close.png);}
#store #contents #mid #columnStore ul.accordion > li > ul > li { background:#FFF; border-bottom:1px solid #EEE;}
#store #contents #mid #columnStore ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
#store #contents #mid #columnStore ul.accordion > li > ul > li > ul > li:last-child { border:none;}
#store #contents #mid #columnStore ul.accordion > li > p{text-indent:-9999em; cursor:pointer; margin-bottom:7px;}
#store #contents #mid #columnStore ul.accordion > li > p.hokkaido{background:url(../../echosmartpen/images/store_ttl_hokkaido.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.saitama{background:url(../../echosmartpen/images/store_ttl_saitama.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.chiba{background:url(../../echosmartpen/images/store_ttl_chiba.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.tokyo{background:url(../../echosmartpen/images/store_ttl_tokyo.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.kanagawa{background:url(../../echosmartpen/images/store_ttl_kanagawa.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.aichi{background:url(../../echosmartpen/images/store_ttl_aichi.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.osaka{background:url(../../echosmartpen/images/store_ttl_osaka.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.hyogo{background:url(../../echosmartpen/images/store_ttl_hyogo.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.okinawa{background:url(../../echosmartpen/images/store_ttl_okinawa.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.nagano{background:url(../../echosmartpen/images/store_ttl_nagano.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.toyama{background:url(../../echosmartpen/images/store_ttl_toyama.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.shizuoka{background:url(../../echosmartpen/images/store_ttl_shizuoka.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > ul > li > dl{ padding:5px 0px 10px; min-height:1px; display:block;}
#store #contents #mid #columnStore ul.accordion > li > ul > li > dl > dd,
#store #contents #mid #columnStore ul.accordion > li > ul > li > dl > dt{ float:left ;}
#store #contents #mid #columnStore ul.accordion > li > ul > li > dl > dt.names{color:#009A2B; font-weight:bold; width:130px; padding-left:10px;}
#store #contents #mid #columnStore ul.accordion > li > ul > li > dl > dd.branch{color:#009A2B; width:120px;}
#store #contents #mid #columnStore ul.accordion > li > ul > li > dl > dd.place{ color:#666666; width:240px; padding-left:10px}
#store #contents #mid #columnStore ul.accordion > li > ul > li > dl > dd.phone{ color:#666666; width:80px; padding-left:10px}

#store #contents #mid #columnBanner{
	width:234px;
	margin-right:30px;
	float:right;
}
#store #contents #mid #columnBanner h2{
	width:234px;
	height:30px;
	margin-bottom:20px;
	text-indent:-9999em;
	background:url(../../echosmartpen/images/store_h2_02.gif) no-repeat left top;
}
#store #contents #mid #columnBanner p a {
    background: url("../../echosmartpen/images/spc.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 60px;
    width: 234px;
}
#store #contents #mid #columnBanner p.bnr01 { width: 234px; height: 60px; background: url("../../echosmartpen/images/maruzen.jpg") no-repeat top left; margin-bottom:10px; }
#store #contents #mid #columnBanner p.bnr02 { width: 234px; height: 60px; background: url("../../echosmartpen/images/shopgakken.jpg") no-repeat top left; margin-bottom:10px; }
#store #contents #mid #columnBanner p.bnr03 { width: 234px; height: 60px; background: url("../../echosmartpen/images/amazon.jpg") no-repeat top left; margin-bottom:10px; }
#store #contents #mid #columnBanner p.bnr04 { width: 234px; height: 60px; background: url("../../echosmartpen/images/sanseido.jpg") no-repeat top left; margin-bottom:10px; }
#store #contents #mid #columnBanner p.bnr05 { width: 234px; height: 60px; background: url("../../echosmartpen/images/jbook.jpg") no-repeat top left; margin-bottom:10px; }
#store #contents #mid #columnBanner p.bnr06 { width: 234px; height: 60px; background: url("../../echosmartpen/images/honyaclub.jpg") no-repeat top left; margin-bottom:10px; }
#store #contents #mid #columnBanner p.bnr07 { width: 234px; height: 60px; background: url("../../echosmartpen/images/kinokuniya.jpg") no-repeat top left; margin-bottom:10px; }
#store #contents #mid #columnBanner p.bnr08 { width: 234px; height: 60px; background: url("../../echosmartpen/images/e-hon.jpg") no-repeat top left; margin-bottom:10px; }
#store #contents #mid #columnBanner p.bnr09 { width: 234px; height: 60px; background: url("../../echosmartpen/images/shinryobunko.jpg") no-repeat top left; margin-bottom:10px; }
#store #contents #mid #columnBanner p.bnr10 { width: 234px; height: 60px; background: url("../../echosmartpen/images/yamatohonpo.jpg") no-repeat top left; margin-bottom:10px; }

#store #contents #mid #columnBanner p:hover {background-position:0px -60px;}


/* ご購入はこちら */
#store #contents #mid #columnStore ul.noAccordion { background:#FFF; width:100%; margin:20px auto 30px; font-size:100%;}
#store #contents #mid #columnStore ul.noAccordion a { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#333; font-weight:bold;}
#store #contents #mid #columnStore ul.noAccordion span { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; color:#333; font-weight:bold;}
#store #contents #mid #columnStore ul.noAccordion > li > ul > li { background:#FFF; border-bottom:1px solid #EEE;}
#store #contents #mid #columnStore ul.noAccordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
#store #contents #mid #columnStore ul.noAccordion > li > ul > li > ul > li:last-child { border:none;}
#store #contents #mid #columnStore ul.noAccordion > li > p{text-indent:-9999em; margin-bottom:7px;}
#store #contents #mid #columnStore ul.noAccordion > li > p.hokkaido{background:url(../../echosmartpen/images/store_ttl_hokkaido.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.saitama{background:url(../../echosmartpen/images/store_ttl_saitama.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.chiba{background:url(../../echosmartpen/images/store_ttl_chiba.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.tokyo{background:url(../../echosmartpen/images/store_ttl_tokyo.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.kanagawa{background:url(../../echosmartpen/images/store_ttl_kanagawa.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.aichi{background:url(../../echosmartpen/images/store_ttl_aichi.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.osaka{background:url(../../echosmartpen/images/store_ttl_osaka.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.hyogo{background:url(../../echosmartpen/images/store_ttl_hyogo.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.okinawa{background:url(../../echosmartpen/images/store_ttl_okinawa.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.nagano{background:url(../../echosmartpen/images/store_ttl_nagano.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.toyama{background:url(../../echosmartpen/images/store_ttl_toyama.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.shizuoka{background:url(../../echosmartpen/images/store_ttl_shizuoka.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > ul > li > dl{ padding:5px 0px 10px; min-height:1px; display:block;}
#store #contents #mid #columnStore ul.noAccordion > li > ul > li > dl > dd,
#store #contents #mid #columnStore ul.noAccordion > li > ul > li > dl > dt{ float:left ;}
#store #contents #mid #columnStore ul.noAccordion > li > ul > li > dl > dt.names{color:#009A2B; font-weight:bold; width:130px; padding-left:10px;}
#store #contents #mid #columnStore ul.noAccordion > li > ul > li > dl > dd.branch{color:#009A2B; width:120px;}
#store #contents #mid #columnStore ul.noAccordion > li > ul > li > dl > dd.place{ color:#666666; width:240px; padding-left:10px}
#store #contents #mid #columnStore ul.noAccordion > li > ul > li > dl > dd.phone{ color:#666666; width:80px; padding-left:10px}



/* インタビュー ----------------------------------------------------------- */
#interview #interview #top {
	clear: both;
	position: relative;
	width: 959px;
	height: 469px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/interview_01_top.png") no-repeat top left;
}
#interview #interview .area{
	width:880px;
	margin-left:50px;
}
#interview #interview .area div.movie{
	width:320px;
	float:left;
	padding-top:5px;
}
#interview #interview .area div.movie iframe{
	margin-bottom:15px;
}
#interview #interview .area div.article{
	width:505px;
	float:right;
	color:#666666;
	padding-bottom:80px;
	background:url(../../echosmartpen/images/interview_icon_pen.png) no-repeat bottom;
}
#interview #interview .area div.article h3{
	margin-bottom:20px;
}
#interview #interview .area div.article p.lv1{
	font-size:100%;
	border-bottom:1px solid #14a83b;
	padding-bottom:30px;
	margin-bottom:30px;
	line-height:1.75em;
}
#interview #interview .area div.article p.lv2{
	font-size:90%;
	line-height:1.75em;
}


/* お問い合わせ追加 ----------------------------------------------------------- */
#top_inquiry{
	width:955px;
	height:95px;
	background:url(../../echosmartpen/images/top_inquiry_bg.png) no-repeat top center;
	color:#666666;
	margin:0 3px;
}
#top_inquiry h5{
	color: #009A2B;
    float: left;
    font-size: 150%;
    line-height: 30px;
    margin: 20px 45px 30px 40px;
}
#top_inquiry .usr {
    float: left;
    line-height: 25px;
    margin-right: 20px;
	margin-top:20px;
}
#top_inquiry .tel {
    float: left;
    line-height: 25px;
	margin-top:20px;
}
#top_inquiry .num {
    float: left;
    font-size: 150%;
    font-weight: bold;
    line-height: 25px;
    margin-right: 20px;
	margin-top:20px;
}
#top_inquiry .time {
    float: left;
    line-height: 25px;
}




/* AdKit --------------------------------------------------------------- */


#adkit{
	color:#666666;
}

#adkit #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 84px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/adkit_top.png") no-repeat top left;
}
#adkit #container #mid{
	padding:40px 0px 10px;
}
#adkit #container #mid .inner{
    margin: 0 auto;
    width: 892px;
	min-height:1px;
}
#adkit #container #mid .area {
	width: 894px;
	margin: 0px 30px 50px;
}
#adkit #container #bg_footer {
	clear: both;
	position: absolute:
	bottom: 0px;
	height: 50px;
	border-top: 5px solid #0EA747;
}
#adkit #container #bg_footer #footer {
	width: 960px;
	height: 50px;
	margin: 0px auto;
	font-size: 90%;
}
#adkit #container #footer #link_template {
	float: left;
	width: 800px;
	padding-top:15px;
	color: #666;
}
#adkit #container #mid table{
	border:1px solid #ECECEC;
	width:90%;
	text-align:left;
	margin:0 auto;
}
#adkit #container #mid table th{
	text-align:left;
	padding:10px 40px;
	/*border-bottom:1px dotted #ECECEC;*/
	font-weight:normal;
}
#adkit #container #mid table th a{
	color:#14a83b;
}
#adkit #container #mid table th a:hover{
	text-decoration:none;
}
#adkit #container #mid table td{
	font-size:75%;
	letter-spacing:0.05em;
	color:#999;
	text-align:right;
	padding:10px 40px;
	/*border-bottom:1px dotted #ECECEC;*/
	font-weight:normal;
}
#adkit #container #mid table tr:nth-child(even){
	background:#F7F7F7;
}


/* 店舗追加 */
#store #contents #mid #columnStore ul.noAccordion > li > p.miyagi{background:url(../../echosmartpen/images/store_ttl_miyagi.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.ibaraki{background:url(../../echosmartpen/images/store_ttl_ibaraki.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.fukuoka{background:url(../../echosmartpen/images/store_ttl_fukuoka.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.wakayama{background:url(../../echosmartpen/images/store_ttl_wakayama.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.okayama{background:url(../../echosmartpen/images/store_ttl_okayama.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.hiroshima{background:url(../../echosmartpen/images/store_ttl_hiroshima.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.ooita{background:url(../../echosmartpen/images/store_ttl_ooita.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.kagoshima{background:url(../../echosmartpen/images/store_ttl_kagoshima.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.saga{background:url(../../echosmartpen/images/store_ttl_saga.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.kumamoto{background:url(../../echosmartpen/images/store_ttl_kumamoto.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.noAccordion > li > p.kyoto{background:url(../../echosmartpen/images/store_ttl_kyoto.gif) no-repeat left top;}

#store #contents #mid #columnStore ul.accordion > li > p.miyagi{background:url(../../echosmartpen/images/store_ttl_miyagi.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.ibaraki{background:url(../../echosmartpen/images/store_ttl_ibaraki.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.fukuoka{background:url(../../echosmartpen/images/store_ttl_fukuoka.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.wakayama{background:url(../../echosmartpen/images/store_ttl_wakayama.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.okayama{background:url(../../echosmartpen/images/store_ttl_okayama.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.hiroshima{background:url(../../echosmartpen/images/store_ttl_hiroshima.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.ooita{background:url(../../echosmartpen/images/store_ttl_ooita.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.kagoshima{background:url(../../echosmartpen/images/store_ttl_kagoshima.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.saga{background:url(../../echosmartpen/images/store_ttl_saga.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.kumamoto{background:url(../../echosmartpen/images/store_ttl_kumamoto.gif) no-repeat left top;}
#store #contents #mid #columnStore ul.accordion > li > p.kyoto{background:url(../../echosmartpen/images/store_ttl_kyoto.gif) no-repeat left top;}


/* ニュース＆トピックス改修 */
#container #contents #home_news iframe{
	width: 574px;
	height:250px;
	margin:43px 0 0 33px;
	padding: 14px 0;
	overflow-y: scroll;
	overflow-x: hidden !important;
	border:none;
	font-size: 110%;
}
body#iframe_news_topics{
	overflow-x:hidden !important;
}

#iframe_news_topics div {
	clear: both;
	padding: 8px 0px;
	color: #666;
}
#iframe_news_topics div p.date {
	float: left;
	width: 130px;
	padding-left: 15px;
	background: url("http://pen.gakken.jp/images/icon_sqr_green.png") no-repeat top left;
}
#iframe_news_topics div p.article {
	float: left;
	width: 410px;
	line-height: 130%;
}
#iframe_news_topics div p.article a {
	text-decoration: underline;
	color: #666;
}
#iframe_news_topics div p.article a:hover {
	color: #000;
}
body#iframe_news_topics html{
	width:540px;
	overflow-x:hidden !important;
}
body#iframe_news_topics table{
	text-align:left;
	vertical-align:top;
	color:#666666;
	width:auto;
	overflow-x:hidden;
}
body#iframe_news_topics table tr{
	padding:6px 0px;
	display:block;
	border-bottom:none;
}
body#iframe_news_topics table th{
	background: url("http://pen.gakken.jp/images/icon_sqr_green.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    padding-left:1em;
	vertical-align:top;
	text-align:left;
    width: 130px;
	font-weight:normal;
}
body#iframe_news_topics table td {
    line-height: 130%;
    width: 410px;
	border-bottom:none;
	padding-bottom:inherit;
}
body#iframe_news_topics table td a {
    color: #666666;
    text-decoration: underline;
}
body#iframe_news_topics table td a:hover {
    color: #000000;
}




/* press --------------------------------------------------------------- */


#press{
	color:#666666;
}

#press #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 94px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/press_top.png") no-repeat top left;
}
#press #container #mid{
	padding:20px 0px 10px;
}
#press #container #mid .area {
	margin: 0px 60px 50px;
}
#press #container #mid .area h2{
	border-bottom: 3px solid #265797;
    font-size: 1.3em;
    margin: 1em 0;
}
#press #container #mid .area .big {
    color: #660099;
    font-weight: bold;
}
#press #container #mid .area .web {
    color: #AE0000;
    font-weight: bold;
}
#press #container #mid .area dl{
	margin: 1em 0.5em;
}
#press #container #mid .area dt{
	border-left: 3px solid #265797;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1em;
    padding-left: 7px;
}
#press #container #mid .area dd{
	padding: 0.5em 0 0 10px;
}
#press #container #bg_footer {
	clear: both;
	position: absolute:
	bottom: 0px;
	height: 50px;
	border-top: 5px solid #0EA747;
}
#press #container #bg_footer #footer {
	width: 960px;
	height: 50px;
	margin: 0px auto;
	font-size: 90%;
}



/* smartforeducation --------------------------------------------------------------- */

#smartforeducation #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 165px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/education_top.png") no-repeat top left;
}
#smartforeducation #container #mid{
	padding:40px 0px 10px;
}
#smartforeducation #container #mid .inner{
    margin: 0 auto;
    width: 892px;
	min-height:1px;
}
#smartforeducation #container #mid .area {
	width: 894px;
	margin: 0px 30px 50px;
}
#smartforeducation #container #mid #headline1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 50px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/education_headline1.png") no-repeat top left;
}
#smartforeducation  #container #mid .area h3 {
    color: #2FAD52;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 20px;
}
.pos_rel{
	position:relative;
}
#smartforeducation  #container #mid .area div.ls_thumb{
	position:absolute;
	right:30px;
	top:20px;
	vertical-align:bottom;
	z-index:100;
}
#smartforeducation  #container #mid .area div.ls_thumb a{
	font-size:90%;
	color:#009a2b;
}
#smartforeducation  #container #mid .area div.ls_thumb a:hover{
	text-decoration:none;
}
#smartforeducation #container #mid #subhead1 {
    background: url("../../echosmartpen/images/edu_subhead1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    clear: both;
    width: 890px;
	height: 30px;
    margin: 0 auto 20px;
    position: relative;
}

.clearfix,
body#iframe_news_topics table tr{
	min-height: 1px;
}
.clearfix:after,
body#iframe_news_topics table tr:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* body#iframe_news_topics table tr{
	height: 1px;
	height: auto;
	overflow: hidden;
}




/* media --------------------------------------------------------------- */

#media #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 165px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/media_top.png") no-repeat top left;
}
#media #container #mid{
	padding:40px 0px 10px;
}
#media #container #mid .inner{
    margin: 0 auto;
    width: 892px;
	min-height:1px;
}
#media #container #mid .area {
	width: 894px;
	margin: 0px 30px 30px;
	color:#666666;
}
#media #container #func_base #mid #subhead1 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/media_subhead1.png") no-repeat top left;
}
#media #container #func_base #mid #subhead2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/media_subhead2.png") no-repeat top left;
}
#media #container #func_base #mid #subhead3 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/media_subhead3.png") no-repeat top left;
}
#media #container #func_base #mid #subhead4 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/media_subhead4.png") no-repeat top left;
}
#media #container #func_base #mid #subhead5 {
	clear: both;
	position: relative;
	width: 890px;
	height: 30px;
	margin: 0px auto 20px;
	background: url("../../echosmartpen/images/media_subhead5.png") no-repeat top left;
}

#media #container #func_base #mid ul {
	padding:0 20px;
}
#media #container #func_base #mid ul li {
	display:block;
	background:url("../../echosmartpen/images/li_icon.gif") no-repeat scroll left 8px rgba(0, 0, 0, 0);
	padding-left:15px;
	margin-bottom:0.75em;
}
#media #container #func_base #mid a {
    color: #14A83B;
}
#media #container #func_base #mid a:hover {
	text-decoration:none;
}

a.blank01 {
    background: url("../../echosmartpen/images/icon_blank_gr.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 1.25em;
}




/* edu_cont --------------------------------------------------------------- */




#edu_cont01 #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 400px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/edu_cont_01_top.png") no-repeat top left;
}
#edu_cont01 #container #top h2 {
	position:absolute;
	color:#009A2B;
	font-size:110%;
	top:190px;
	left:50px;
	line-height:1.75em;
}
#edu_cont01 #container #mid{
	padding:40px 0px 10px;
}
#edu_cont01 #container #mid .inner{
    margin: 0 auto;
    width: 892px;
	min-height:1px;
}
#edu_cont #container #mid .area {
	width: 894px;
	margin: 0px 30px 30px;
	color:#666666;
}
div.left420{
	width: 420px;
	margin-left:40px;
	float:left;
	padding-right:20px;
	border-right:1px dotted #333;
}
div.right420{
	width: 420px;
	float:left;
	padding-left:20px;
}
div.edu_article_itembox{
	width:100%;
	background:#FEFDE1;
}
div.edu_article_itembox a{
	color:#009A2B;
}
div.edu_article_itembox a:hover{
	text-decoration:none;
}
div.edu_article_itembox p span{
	font-weight:bold;
}


#edu_cont02 #container #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 300px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/edu_cont_02_top.png") no-repeat top left;
}
#edu_cont02 #container #top h2 {
	position:absolute;
	color:#009A2B;
	font-size:110%;
	top:170px;
	left:60px;
	line-height:1.75em;
}
#edu_cont02 #container #mid{
	padding:12px 0px 10px;
}
#edu_cont02 #container #mid .inner{
    margin: 0 auto;
    width: 892px;
	min-height:1px;
}

#edu_cont02 #container #mid .edu_article_02_box{
	width:800px;
	padding:40px 40px 0 50px;
	margin:0 auto;
	background:#FEFDE1;
}
#edu_cont02 #container #mid .edu_article_02_box .w380{
	width:380px;
	margin-bottom:40px;
}
#edu_cont02 #container #mid .edu_article_02_box .pdf_00{
	background:url(../../echosmartpen/images/child_pdf_00.png) no-repeat 0 0;
	width:354px;
	height:182px;
	margin-right:20px;
	position:relative;
}
	#edu_cont02 #container #mid .edu_article_02_box a{
		color:#009a2b;
	}
	#edu_cont02 #container #mid .edu_article_02_box a:hover{
		color:#ffcc00;
	}
	#edu_cont02 #container #mid .edu_article_02_box .pdf_00 .inbox{
		font-size:12px;
		line-height:16px;
		width:210px;
		position:absolute;
		right:14px;
		top:14px;
	}
	#edu_cont02 #container #mid .edu_article_02_box .pdf_00 p.ttl{
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		margin-top:10px;
		margin-bottom:6px;
	}
#edu_cont02 #container #mid .acrobat{
	width:820px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-botton:20px;
}
	#edu_cont02 #container #mid .acrobat img{
		float:left;
		margin-right:10px;
	}
	#edu_cont02 #container #mid .acrobat p{
		float:right;
		width:650px;
		font-size:12px;
		line-height:16px;
		text-align:left;
	}


/* 
140625 トップページバナー追加
*/

#container #home_bnrArea01 {
    clear: both;
    height: 106px;
    margin: 0 3px 10px;
    width: 954px;
}
#container #home_bnrArea01 a.bnr_l {
   background: url("../../echosmartpen/images/banner_smartinterview_01_s.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 106px;
    width: 472px;
}
#container #home_bnrArea01 a.bnr_r {
    background: url("../../echosmartpen/images/banner_note.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 105px;
    width: 472px;
	float:right;
}
#container #home_bnrArea01 a.bnr_long {
    background: url("../../echosmartpen/images/banner_smartinterview_01.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 106px;
    width: 955px;
}
#container #home_bnrArea01 a.bnr_long;hover {
    background-position:bottom;
}
#container #home_bnrArea02 {
    clear: both;
    height: 106px;
    margin: 0 3px 20px;
    width: 954px;
}
#container #home_bnrArea02 a.bnr_l {
    background: url("../../echosmartpen/images/banner_users_review.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 106px;
    width: 472px;
}
#container #home_bnrArea02 a.bnr_r {
    background: url("../../echosmartpen/images/banner_child.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 105px;
    width: 472px;
	float:right;
}
#container #home_bnrArea01 a:hover,
#container #home_bnrArea02 a:hover{
	background-position:bottom;
}


/*
140630 エレコムリンク追加
*/

div.itemElecom{
	clear:both;
	background:#ECEFF4;
	padding:20px;
}
div.itemElecom p.caution01{
	color:#666;
	font-size:10px !important;
	white-space: pre;
}
div.itemElecom p.caution02{
	color:#666;
	font-size:11px !important;
}
div.itemElecom div.btnArea{
	clear:both;
	margin:15px auto 10px;
}
div.itemElecom a.elecom_btn01{
	width:374px;
	height:48px;
	display:inline-block;
	margin-right:15px;
	background:url("../../echosmartpen/images/product_elecom_btn_01.png") no-repeat scroll center top rgba(0, 0, 0, 0);
	text-indent:-9999em;
}
div.itemElecom a.elecom_btn02{
	width:374px;
	height:48px;
	display:inline-block;
	margin-right:15px;
	background:url("../../echosmartpen/images/product_elecom_btn_02.png") no-repeat scroll center top rgba(0, 0, 0, 0);
	text-indent:-9999em;
}
div.itemElecom a.elecom_btn01:hover,
div.itemElecom a.elecom_btn02:hover{
	background-position:bottom;
}



/*
140701　みんなの活用術　～User's Review～
*/

#case #container #top {
    background: url("../../echosmartpen/images/case_top1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    clear: both;
    height: 165px;
    margin: 0 3px;
    position: relative;
    width: 954px;
}
#case #container #headline1 {
	background: url("../../echosmartpen/images/case_headline1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    clear: both;
    height: 50px;
    margin: 0 auto 30px;
    position: relative;
    width: 890px;
}
#case #container h3 {
	padding-left:20px;
	margin-bottom:30px !important;
}
#case #container h3 span {
	margin-top:10px;
	display:block;
	font-size:80%;
	font-weight:normal;
}
#case #container #subhead1 {
    background: url("../../echosmartpen/images/case_subhead1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    clear: both;
    height: 30px;
    margin: 0 auto 20px;
    position: relative;
    width: 890px;
}
#case #container #subhead2 {
    background: url("../../echosmartpen/images/case_subhead2.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    clear: both;
    height: 30px;
    margin: 0 auto 20px;
    position: relative;
    width: 890px;
}
#case #contents .column_left {
    float: left;
    width: 415px;
	border-right:#666 dotted 1px;
	padding-right:30px;
	background: url("../../echosmartpen/images/review_border_bottom.png") no-repeat left bottom rgba(0, 0, 0, 0);
	padding-bottom:30px;
	margin-bottom:30px;
}
#case #contents .column_right {
	float: right;
	width:415px;
	background: url("../../echosmartpen/images/review_border_bottom.png") no-repeat right bottom rgba(0, 0, 0, 0);
	padding-bottom:30px;
	margin-bottom:30px;
}
#case #contents .column_left h3,
#case #contents .column_right h3{
	padding-left:0px;
}
#case #contents .column_left h3 a,
#case #contents .column_right h3 a{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#009a2b;
	border-left:5px solid #009a2b;
	padding-left:10px !important;
}
#case #contents ul.btn_set_c{
	overflow:hidden;
	margin-bottom:20px;
}
#case #contents ul.btn_set_c li{
	text-align:center;
}
#case #contents ul.btn_set_c li a.link01{
	width:222px;
	height:40px;
	display:inline-block;
	background: url("../../untitled/images/case_btn_01.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	text-indent:-9999em;
	margin-right:7px;
}
#case #contents ul.btn_set_c li a.link01:hover{
	background-position:bottom;
}
#case #contents ul.btn_set{
	overflow:hidden;
	margin-bottom:20px;
}
#case #contents ul.btn_set li{
	float:left;
}
#case #contents ul.btn_set li a.link01{
	width:222px;
	height:40px;
	display:inline-block;
	background: url("../../untitled/images/case_btn_01.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	text-indent:-9999em;
	margin-right:7px;
}
#case #contents ul.btn_set li a.link02{
	width:184px;
	height:40px;
	display:inline-block;
	background: url("../../untitled/images/case_btn_02.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	text-indent:-9999em;
}
#case #contents ul.btn_set li a.link01:hover,
#case #contents ul.btn_set li a.link02:hover{
	background-position:bottom;
}
#case #contents .column_left h3,
#case #contents .column_right h3{
	margin-bottom:20px !important;
}
#case #contents .column_left h3 a,
#case #contents .column_right h3 a{
	color:#009a2b;
	text-decoration:none;
}
#case #contents .column_left h3 a:hover,
#case #contents .column_right h3 a:hover{
	text-decoration:underline;
}
#case #contents dl.reviewer_info{
	width:375px;
	border:1px solid #CCC;
	padding:10px 18px;
}
#case #contents dl.reviewer_info dt{
	float:left;
	margin-right:10px
}
#case #contents dl.reviewer_info dd{
	color: #666;
	padding-top:5px;
    font-size: 80%;
    line-height: 175%;
	white-space: pre;
}
#case #contents dl.reviewer_info dd img{
	float:left;
	margin-right:3px;
}
#case #contents .textOverflow {
    height: 5.75em;
    overflow: hidden;
}
#case #contents .textOverflow a{
	color:#666;
	text-decoration:none;
}
#case #contents .textOverflow a:hover{
	text-decoration:underline;
}
#case #contents .comment_left {
    float: left;
    width: 435px;
	padding-right:20px;
	margin-bottom:20px;
	min-height:1px;
}
#case #contents .comment_right {
	float: right;
	width:435px;
	margin-bottom:20px;
	min-height:1px;
}
#case #contents .comment_left div,
#case #contents .comment_right div{
	padding:10px;
	border:#CCC 1px solid;
}
#case #contents .comment_left div img,
#case #contents .comment_right div img{
	float:left;
}
#case #contents .comment_left div p,
#case #contents .comment_right div p{
	padding-left:75px;
}
#case #contents #review01 a,
#case #contents #review02 a,
#case #contents #review03 a,
#case #contents #review04 a,
#case #contents #review05 a,
#case #contents #review06 a,
#case #contents #review07 a,
#case #contents #review08 a{
	color: #009a2b;
    text-decoration: underline;
}
#case #contents #review01 a:hover,
#case #contents #review02 a:hover,
#case #contents #review03 a:hover,
#case #contents #review04 a:hover,
#case #contents #review05 a:hover,
#case #contents #review06 a:hover,
#case #contents #review07 a:hover,
#case #contents #review08 a:hover{
    text-decoration:none;
}



/*
140709 エコスマキャンペーン
*/

#contents p.btn a.bnr_cpn_2014 {
	margin:0 auto 25px;
    background: url("../../echosmartpen/images/bnr_registration_cpn.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
	width: 516px;
    height: 85px;
    text-indent: -9999em;
}
#contents p.btn a.bnr_cpn_2014:hover {
	background-position: bottom;
}



/*////////////////////////////////////////////

	140711_form追加

////////////////////////////////////////////*/


#regist #container #mid #enrollment .bundle .divd input[type="radio"] {
    background-color: #ccc;
    padding: 2px;
    width: 20px;
}
#regist #container #mid #enrollment .bundle .divd #e18 span {
	margin-right:15px;
}

#regist #container #mid #enrollment .bundle .divd #e18 input[type="text"],
#regist #container #mid #enrollment .bundle .divd #e19 input[type="text"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 rgba(0, 0, 0, 0.7) inset;
    color: #666;
    margin-bottom: 5px;
    padding: 8px;
	margin-left:10px;
    width: 130px;
}
#regist #container #mid #enrollment .bundle .divd p.questionnaire_ttl{
	font-size:120%;
	font-weight:bold;
	padding:10px 0;
	line-height:1.25em;
}
#regist #top{

}
#regist #top img{
	z-index:200;
	position:absolute;
	right:30px;
	top:17px;
}



/*////////////////////////////////////////////

	140805_amazon扉ページ

////////////////////////////////////////////*/

#amazon #header_container{
	border-bottom:3px solid #009B2C;
}
#amazon #top {
	clear: both;
	position: relative;
	width: 954px;
	height: 165px;
	margin: 0px 3px;
	background: url("../../echosmartpen/images/amazon_top.png") no-repeat top left;
}
#amazon #container #mid {
	clear: both;
	position: relative;
	width: 954px;
	margin: 0px 3px;
	padding: 40px 0px 50px;
	background: url("../../echosmartpen/images/amazon_mid.png") repeat-y top left;
}
#amazon #container #mid .container{
	width:870px;
	margin:0 auto;
	overflow:hidden;
}
#amazon #container #mid dl{
	line-height:1.25em;
	font-size:13px;
}
#amazon #container #mid dl.column3{
	width:250px;
}
#amazon #container #mid dl.column4{
	width:180px;
}
#amazon #container #mid dl dt{
	margin-bottom:10px;
}
#amazon #container #mid dl a{
	color:#004B91;
	text-decoration:none;
}
#amazon #container #mid dl a:hover{
    color: #ff9933;
	text-decoration:underline;
}
#amazon #container #mid .pagetop {
    background: url("../../echosmartpen/images/btn_pagetop.png") no-repeat scroll right top rgba(0, 0, 0, 0);
	float:right;
	margin:0px;
    height: 16px;
    width: 114px;
}
#amazon #container #mid .pagetop:hover {
    background: url("../../echosmartpen/images/btn_pagetop.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
	float:right;
	margin:0px;
    height: 16px;
    width: 114px;
}


/*////////////////////////////////////////////

	140812_ユーザー登録アテンション追加

////////////////////////////////////////////*/

#contents .registrationBtnArea_L{
	width:892px;
	height:300px;
	margin:0 auto;
}
#contents .registrationBtnArea_L p.btn{
	width:266px;
	height:71px;
	text-align:center;
	margin:0 auto;
	display:block;
	padding-top:20px;
}
#contents .registrationBtnArea_L p.caption{
	text-align:center;
	margin-top:5px;
	color:#666666;
	font-size:100%;
	line-height:120%;
}
#contents .registrationBtnArea_L p.caption a{
	color: #009a2a;
}
#contents .registrationBtnArea_L p.caption a:hover{
	text-decoration:none;
}


/*////////////////////////////////////////////

	150430_ユーザー登録アテンション追加

////////////////////////////////////////////*/

#contents .registrationBtnArea_wide{
	width:892px;
	height:240px;
	background: url("../../echosmartpen/images/registrationBtnArea_bg_wide.png") no-repeat top center;
	margin:0 auto;
	padding-top:25px;
}

/* ユーザーズガイドボタン */
#contents .registrationBtnArea_wide p.btn a.guide{
	width:266px;
	height:71px;
	display:block;
	text-indent:-9999em;
	background: url("../../echosmartpen/images/btn_guide.png") no-repeat top center;
}
#contents .registrationBtnArea_wide p.btn a.guide:hover{
	background-position: bottom center;
}
/* デスクトップ */
#contents .registrationBtnArea_wide p.btn a.desktop{
	width:266px;
	height:71px;
	display:block;
	text-indent:-9999em;
	background: url("../../echosmartpen/images/btn_desktop.png") no-repeat top center;
}
#contents .registrationBtnArea_wide p.btn a.desktop:hover{
	background-position: bottom center;
}
#contents .registrationBtnArea_wide p.caption{
	text-align:center;
	margin-top:5px;
	color:#666666;
	font-size:100%;
	line-height:120%;
}
#contents .registrationBtnArea_wide p.caption a{
	color: #009a2a;
}
#contents .registrationBtnArea_wide p.caption a:hover{
	text-decoration:none;
}
/* 3つ並んだボタンのレイアウト */
#contents .registrationBtnArea_wide .btnArea{ width:266px; float:left;}
#contents .registrationBtnArea_wide .mrgl30{ margin-left:26px; _margin-left:15px;}
#contents .registrationBtnArea_wide .mrgl80{ margin-left:80px; _margin-left:40px;}
#contents .registrationBtnArea_wide .mrgl20{ margin-left:22px; _margin-left:40px;}
#contents .registrationBtnArea_wide .mrgl170{ margin-left:170px; _margin-left:40px;}
#contents .registrationBtnArea_wide .mrgl210{ margin-left:210px; _margin-left:40px;}
#contents .registrationBtnArea_wide p.btn a{ overflow:hidden; }/* firefox用 選択時の点線の防止 */






#contents .registrationBtnArea_L p.btn a.entry{
	width:266px;
	height:71px;
	display:block;
	text-indent:-9999em;
	background: url("../../echosmartpen/images/btn_entry.png") no-repeat top center;
}
#contents .registrationBtnArea_L p.btn a.entry:hover{
	background-position: bottom center;
}
.w810{
	width:810px;
}
.w830{
	width:830px;
}
.w640{
	width:640px;
}
.w650{
	width:650px;
}
.red1{
	color:#e20000;
}
.fs13{
	font-size:13px !important;
}
.fs14{
	font-size:14px !important;
}
.fs15{
	font-size:15px !important;
}
.fs18{
	font-size:18px !important;
}
.border_dot_01{
	border-bottom:1px dotted #666666;
	border-top:1px dotted #666666;
}
.txt_01{
	color:#666666;
}
.vaM{
	vertical-align:middle !important;
}
#account a#registration,
#account a#setup,
#account a#manual,
#account a#catalog,
#account a#faq{
	display:block;
	height:10px;
}




/* 20141202 - 解説ムービー改修 */

#func6 #container #func_base #mid #headline2 {
	clear: both;
	position: relative;
	width: 890px;
	height: 40px;
	margin: 0px auto 30px;
	background: url("../../echosmartpen/images/func6_headline2.png") no-repeat top left;
}
#func6 #container #func_base #mid div.movie_manual_bg{
	margin:0 auto;
	background: url("../../echosmartpen/images/movie_manual_bg.gif") repeat top left;
}


/* ギフトショーバナー追加 */
#container #bnr_special {
	clear: both;
	position: relative;
	text-align:center;
	width: 954px;
	height: 100px;
	margin: 0px 4px 20px;
	background: url("../../echosmartpen/images/underframe_02.png") no-repeat top left;
}
#container #bnr_special a.bnr_giftshow{
	display:block;
	margin:0px auto;
	width:468px;
	height:60px;
	background: url("../../echosmartpen/images/bnr_giftshow.jpg") no-repeat top center;
}
#container #bnr_special a.bnr_giftshow:hover{
	background-position:bottom center;
}


/* Livescribe Online 注意書き追加 */
#func_base p.fun5_attention{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: url("../../echosmartpen/images/icon_note.png") no-repeat 100px 8px #f4f4f4;;
	width:890px;
	border: 1px solid #ddd;
	color: #999;
	font-size: 14px;
	line-height: 23px;
	margin: 10px auto 20px;
	text-align:left;
	padding: 15px 20px 15px 180px;
	text-align: left;
	border: 1px solid #ddd;
	border-radius: 5px;
}