@charset "utf-8";
/* CSS Document */

body { font-size:100%}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd {
	font-family:"ＭＳ Ｐゴシック", Verdana, sans-serif;
	letter-spacing:0.5px;
	margin:0;
}
div#wrapper div a {
	color:#0099FF;
	text-decoration:underline;
	font-weight:normal;
}

div#wrapper a:link {	color:#0099FF; text-decoration:underline;}
div#wrapper a:visited {	color:#0099FF; text-decoration:underline;}
div#wrapper a:hover {	color:#FF6600; text-decoration:none;}
div#wrapper a:active {	color:#FF6600; text-decoration:none;}


p {
	font-size:110%;
	letter-spacing:0.5px;
	line-height:1.4;
	margin:0;
}

div#wrapper {
	padding:5px;
}

h1 {
	margin:5px 0;
	float:left;
	font-size:180%;
}

p.number {/*全画面共通*/
	text-align:right;
}


/* 旧コラム一覧ページCSS ココから */
div.index p.read {
	width:470px;
	margin-top:0;
	clear:both;
	margin-bottom:10px;
}

div.index div.specialIdx { background:url(images/logo1.jpg) right bottom no-repeat;}
div.index div.digitalIdx { background:url(images/logo2.jpg) right bottom no-repeat;}
div.index div.customerIdx { background:url(images/logo3.jpg) right bottom no-repeat;}
div.index div.cdsellIdx { background:url(images/logo4.jpg) right bottom no-repeat;}
div.index div.talkIdx { background:url(images/logo5.jpg) right bottom no-repeat;}
div.index div.osugiIdx { background:url(images/logo6.jpg) right bottom no-repeat;}


div.index h2 {
	font-size:150%;
	background:url(images/titlebar01.jpg) repeat-x top left;
	border:1px solid #7FBFF4;
	width:473px;
	height:21px;
	padding-left:5px;
	padding-top:2px;
	margin:25px 0 9px 0;
	color:#ffffff;
}

div.index h3 {
	font-size:145%;
	margin:0;
	margin-bottom:2px;
	background:url(images/ico01.jpg) left 2px no-repeat;
	padding-left:20px;
}

div.index div p {
	padding-left:20px;
	letter-spacing:-0.5px;
	line-height:1.2;
	width:450px;
	margin-bottom:3px;
}

a.readColumn {
	font-size:130%;
	margin-left:20px;
	display:block;
	width:140px;
}

/*コラムページ共通*/

div.columnPage {
	text-align:left;
}

div.columnPage h1 {
	margin-bottom:20px;
}
div.columnPage h2 {
	clear:both;
	padding-top:20px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:140%;
	width:470px;
	border-bottom:1px solid #E6E6E6;
}
div.columnPage p {
	margin-bottom:22px;
	text-indent:1em;
	line-height:1.5;
	letter-spacing:1px;
	width:auto;
	height:auto;
}
div.columnPage .ti0 {
	text-indent:inherit !important;
}
*:first-child+html div.columnPage p.marginAdjust { /*IE7*/
	margin-bottom:0;
}
* html div.columnPage p.marginAdjust { /*IE7*/
	margin-bottom:0;
}
/* 注釈※ */
.note {
	padding-left: 1em;
	text-indent: -1.0em;
}
div.columnPage h3 {
	height:auto;
	width:465px;
	padding:2px 0 3px 5px;
	font-size:130%;
	margin-bottom:20px;
	border-left:4px solid #038DCF;
	border-bottom:1px solid #DDDDDD;
}
div.columnPage ul.columnList {
	margin:0 0 18px 14px;
	padding-right:14px;
}
div.columnPage ul.columnList li {
	list-style:none;
	font-size:140%;
	color:#000000;
	list-style:outside;
	margin-bottom:5px;
}
div.columnPage ul.summaryList {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:13px 0 8px 0;
	width:474px;
	list-style:none;
}
div.columnPage ul.summaryList {
	margin-left:0;
	padding-left:0;
	text-indent:0;

}

div.columnPage ul.summaryList li {
	list-style:none outside;
	font-size:100%;
	margin-bottom:5px;
	text-indent:0;
	margin-left:0;
	padding-left:0;
}
div.columnPage ul.summaryList li a {
	font-weight:normal;
	text-decoration:underline;
}
div.columnPage ul.summaryList li a:link { color:#0099FF; text-decoration:underline;}
div.columnPage ul.summaryList li a:visited { color:#0099FF;}
div.columnPage ul.summaryList li a:hover { color:#4C4C4C;}
div.columnPage ul.summaryList li a:active { color:#4C4C4C;}

div.columnPage ul.summaryList li.summaryCurrent a {
	font-weight:bold;
	color:#000000 !important;
	text-decoration:none;
}

div#pagerWrapper {
	width:390px;
	margin:15px auto 40px auto;
	font-size:125%;
	font-family:"ＭＳ Ｐゴシック", Verdana, sans-serif;
}

* html div#pagerWrapper {
	margin-bottom:15px;
}

*:first-child+html div#pagerWrapper {
	margin-bottom:15px;
}

div#pagerWrapper span.space {
	display:block;
	width:110px;
	height:1px;
	float:left;
	margin-right:10px;
}

div#pagerWrapper:after {
	text-align:center;
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

div#pagerWrapper:after {  
	display: inline-block;  
}  


a.pager,a.pagerCurrent,a.next {
	display:block;
	width:19px;
	height:19px;
	padding-top:3px !important;
	text-align:center !important;
	font-weight:bold !important;
	float:left;
	margin-right:10px;
	color:#A8A8A8;
	background:url(images/pager_link.jpg) no-repeat;
	text-decoration:none !important;
}
a.next {
	width:110px;
	height:22px;
	margin-right:10px;
	background:url(images/pager_next_link.jpg) no-repeat;
}

a.pager:link { background:url(images/pager_link.jpg) no-repeat; color:#A8A8A8 !important;}
a.pager:visited { background:url(images/pager_link.jpg) no-repeat; color:#A8A8A8 !important;}
a.pager:hover { background:url(images/pager_over.jpg) no-repeat; color:#4C4C4C !important;}
a.pager:active { background:url(images/pager_over.jpg) no-repeat; color:#4C4C4C !important;}
a.pagerCurrent { background:url(images/pager_current.jpg) no-repeat; color:#fff !important;}

a.next:link { background:url(images/pager_next_link.jpg) no-repeat; color:#A8A8A8 !important;}
a.next:visited { background:url(images/pager_next_link.jpg) no-repeat; color:#A8A8A8 !important;}
a.next:hover {background:url(images/pager_next_over.jpg) no-repeat; color:#4C4C4C !important;}


p.back { text-align:center; font-size:110%; clear:both;}
p.back a:link { color:#0099FF; text-decoration:underline;}
p.back a:visited { color:#0099FF; text-decoration:underline;}
p.back a:hover { color:#4C4C4C;}
p.back a:active { color:#4C4C4C;}


div.columnPage div.writerDetail {
	width:452px;
	border:1px solid #ddd;
	padding:12px 8px 0 12px;
	padding-bottom:0;
	margin-bottom:15px;
	clear:both;
}

div.columnPage div.writerDetail p{
	color:#707070;
	text-indent:0;
	font-size:100%;
	line-height:1.2;
	margin-bottom:12px;
}

div.columnPage div.writerDetail span {
	font-weight:bold;
}

/*talk_プロフィール*/
div.columnPage div.writerDetail2 {
	width:456px;
	border:1px solid #ddd;
	padding:12px 0 0 12px;
	padding-bottom:0;
	margin-bottom:15px;
	clear:both;
}

div.columnPage div.writerDetail2 p{
	color:#707070;
	text-indent:0;
	font-size:100%;
	line-height:1.2;
	margin-bottom:12px;
}

div.columnPage div.writerDetail2 span {
	font-weight:bold;
}







/*SPECIAL*/

/*7月分のイレギュラー仕様*/
dl.special7_01 {
	font-size:120%;
	border:1px dotted #CCCCCC;
	background-color:#FFFEFB;
	padding:10px 0 5px 5px;
	margin-bottom:10px;
}

dl.special7_01 dt {
	float:left;
	width:80px;
	margin-bottom:15px;
	margin-right:5px;
	padding-right:5px;
}

dl.special7_01 dt.panel {
	height:52px;
	margin-bottom:15px;
	border-right:2px #F79709 solid;
	font-weight:bold;
	color:#F79709;
	text-align:right;
}

dl.special7_01 dt.model {
	height:1em;
	border-right:2px #8DAE09 solid;
	font-weight:bold;
	color:#8DAE09;
	text-align:right;
}

dl.special7_01 dd {
	margin-bottom:5px;
	color:#333333;
}

dl.special7_01 dd span {
	font-weight:bold;
}

span.panel {
	font-size:130%;
	font-weight:bold;
	color:#F79709;
	float:left;
	display:block;
	padding-top:5px;
}

span.model {
	font-size:130%;
	font-weight:bold;
	color:#8DAE09;
	float:left;
	display:block;
	padding-top:5px;
}

/*Talk*/
div.columnPage p.numberTalk {
	margin-bottom:0px;
	text-align:right;
	line-height:1.2;
	font-size:120%;
}

div.columnPage p.subName {
	margin-bottom:0px;
	text-align:right;
	line-height:1.2;
	font-size:130%;
	font-weight:bold;
	letter-spacing:0.5px;
}

div.columnPage p.writer {
	margin-bottom:0px;
	text-align:right;
	line-height:1;
	font-size:100%;
	color:#707070;
}
/* マイナーチェンジ後 */
.managerThum02 {
	width: 470px;
/*	padding-top:20px;*/
	margin-bottom: 20px;
	/zoom: 1;
	overflow: hidden;
}
.managerThum02 .image {
	float: left;
	margin-right: 10px;
}
.managerThum02 .image p {
	font-size:90%;
	color:#666666;
	text-align:center;
}
.managerThum02 .text {
	/zoom: 1;
	overflow: hidden;
}
div.columnPage h2.talkName2 {
	font-size:125%;
	margin:0;
	padding:0!important;
	border:none;
	width:auto;
	line-height:1.5;
}
div.lesson {
	clear:both;
	width:190px;
	margin:0 auto 20px auto;
}

div.columnPage div.managerThum {/* old */
	clear:both;
	width:200px;
	font-size:90%;
	margin-bottom:20px;
	margin-right:10px;
	float:left !important;
	color:#666666;
}

div.columnPage img.manager {	
	display:block;
	clear:both;
	zoom:1;
	overflow:hidden;
}

div.columnPage img.manager2 {	
	display:block;
	clear:both;
	margin-bottom:20px;
	margin-right:10px; 
	float:left !important;
}

div.columnPage h2.talkName {
	font-size:125%;
	margin:40px 0 0 0;
	border:none;
	width:auto;
	clear:none;
/*	float:left;*/
}
*html div.columnPage h2.talkName {
	margin:0;
}
*:first-child+html div.columnPage h2.talkName {
	margin:0;
}
div.columnPage p.shopInfo {
	font-size:110%;
	color:#707070;
	width:auto;
	text-indent:0;
	margin-bottom:0;
	margin-top:0;
	word-wrap: break-word;/*IE8 長いURL全表示用*/
	overflow: auto;/*IE8 長いURL全表示用*/
/*	white-space: pre-wrap;*/
}

.lUrl {word-break: normal;} /* 長いurlを途中改行しない */
.sUrl {word-break: break-all!important;} /* 長いurlを途中改行する */

div.columnPage p span.jan10 { /* 注意書きjan10_custmar用*/
	float:left;
	line-height:1.2;
	height:4.0em;
	margin-right:0.5em;
}
p.question {
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	padding:8px 0;
	text-indent:0 !important;
	font-weight:bold;
	color:#3E3E3E;
	line-height:1.3 !important;
}
div.thum {
	width:150px;
	float:right;
	font-size:90%;
	color:#666666;
	margin:0 0 0 4px;
	padding-bottom:5px;
	clear:both;
	margin-bottom:0;
	letter-spacing:-0.1px;
}

.cfL {
	float:left;
	width:auto;
	font-size:90%;
	color:#666666;
	margin:0 0 0 4px;
	padding-bottom:5px;
	clear:both;
	margin-bottom:0;
	letter-spacing:-0.1px;
	}

p.thumNotClear {
	clear:none;
}
div.thum a {
	text-decoration:none !important;
}
div.thum img.ico {
	margin-top:1px;
	margin-right:3px;
	vertical-align:bottom;
}
div.thum img {
	margin-bottom:2px !important;
}
/*画像センター配置用*/
div.thum02 {
/*	width:150px;*/
	font-size:90%;
	color:#666666;
	margin:0 0 0 4px;
	padding-bottom:5px;
	clear:both;
	margin-bottom:0;
	letter-spacing:-0.1px;
}
div.thum02 a {
	text-decoration:none !important;
	display:block;
}
div.thum02 img.ico {
	margin-top:1px;
	margin-right:3px;
	vertical-align:bottom;
}
div.thum02 img {
	margin-bottom:2px !important;
}


span.floatLeft {
	display:block;
	float:left;
}

span.subFont {
	font-size:0.8em;
	display:block;
	margin-top:2px;
	padding-left:10px;
	float:left;
}
/**********************ボーダー********************************/
p.separatorLine {
	border-top: 1px dotted #CCC;
	padding-top:10px;
}
p.separatorLine02 {
	border-bottom: 1px dotted #CCC;
}
p.separatorLine03 {
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	padding-top:10px;
}


/*Customer*/
table.t01 {
	width:400px;
	border-collapse:collapse; 
	border-spacing:0;
	line-height:140%;
	clear:both;
	margin:0 0 20px 10px;
}

table.t01 td {
	border:1px solid #333;
	padding:3px 5px;
}

/*osugi*/
h2.osugiTitle {
	font-size:140% !important;
	line-height:1.3;
}

/*バックナンバー*/
div.backNum p.backNumTitle {
	border-left:3px solid #038DCF;
	text-indent:5px;
	height:18px;
	font-weight:bold;	
	line-height:1.2;
	color:#707070;
	margin-bottom:4px;
}
div.backNum ul {
	width:474px;
	border-top:dotted 1px #DDDDDD;
	border-bottom:dotted 1px #DDDDDD;
	padding:10px 0 0 0;
	margin-left:0;
	text-indent:0;
	margin-bottom:5px;
}
div.backNum ul li {	
	list-style:none outside;
	font-size:100%;
	text-indent:0 !important;
	padding-left:15px;
	background:url(images/ico03.jpg) 5px 4px no-repeat;
	margin-bottom:10px;
}
div.backNum p.archiveLink {
	font-size:100%;
}
div.backNum img {	
	vertical-align:middle;
}
div.backNumberLink {
	width:470px;
	margin:30px 0 25px 0;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
}
div.backNumberLink a {	
	font-weight:bold !important;
	font-size:140%;
	margin:15px 0 15px 10px;
	display:block;
	width:228px;
}

/*arichive*/
a.backIndex {
	float:right;
	display:block;
	font-size:110%;
}

p.archive01 {
	margin:15px 0 5px 0;
	text-indent:0 !important;
	font-size:130%;
	color:#666666;
	clear:both;
}

p.archive01 span {	
	font-size:90%;
}


div.archiveColumnBlock {
	clear:both;
	padding:15px 0;
	color:#666666;
	width:480px;
	border-top:1px dotted #DDDDDD;
}
div.archiveColumnBlock h2 {
	margin-bottom:8px;
	font-size:140%;
	text-indent:5px;
	color:#666666;
	border-left:3px solid #038DCF;
}

div.archiveColumnBlock ul {
	margin-left:10px;
}

div.archiveColumnBlock ul li {
	width:115px;
	float:left;
	font-size:115%;
	margin-bottom:10px;
	letter-spacing:0.5px;
	list-style:none outside;
}

p.backIndex_top {
	width:480px;
	border-top:1px dotted #DDDDDD;
	padding-top:3px;
	font-size:110% !important;
	clear:both;
	text-align:center;
	margin-bottom:10px;
}

p.backIndex_top a {
	font-weight:normal !important;
}

/*top*/

div.topColumnBlock {
	padding:0 5px 10px 4px;
	/*border-bottom:#CCCCCC solid 1px;*/
	color:#585858;

}

div.topColumnBlock p.contentTitle {
	font-size:160%;
	font-weight:bold;
	float:left;
	margin:7px 0;
}

div.topColumnBlock a.gotoColumnPage {
	float:right;
	margin:18px 3px 0 0;
	color:#0066FF;
	font-weight:normal;
	font-size:100%;
}

div.topColumnBlock a.gotoColumnPage:link {	color:#0066FF; font-weight:normal;}
div.topColumnBlock a.gotoColumnPage:visited { color:#0066FF; font-weight:normal;}
div.topColumnBlock a.gotoColumnPage:hover { color:#FF6600; font-weight:normal;}
div.topColumnBlock a.gotoColumnPage:active {	font-weight:normal;}

div.topColumnBlock p.columnName {
	clear:both;
	background:url(images/top_titlebar.jpg) left top repeat-x;
	border-top:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	border-bottom:1px solid #43A4F1;
	border-left:4px solid #43A4F1;
	height:19px;
	width:471px;
	margin:0 0 5px;
	font-weight:bold;
	padding-left:5px;
	font-size:110%;
	text-align:left;
}

div.topColumnBlock p.columnTitle {
	background:url(images/top_ico.jpg) left 3px no-repeat;
	width:470px;
	padding-left:15px;
	font-size:100%;
	text-align:left;
	margin-bottom:15px;
}

*:first-child+html div.topColumnBlock p.top_talk {
/*	background:url(images/top_ico.jpg) left 10px no-repeat;*/
}

* html div.topColumnBlock p.top_talk {
/*	background:url(images/top_ico.jpg) left 10px no-repeat;*/
}

div.topColumnBlock p.columnTitle a:link {	color:#0066FF; font-weight:normal;}
div.topColumnBlock p.columnTitle a:visited { color:#0066FF; font-weight:normal;}
div.topColumnBlock p.columnTitle a:hover { color:#FF6600; font-weight:normal;}
div.topColumnBlock p.columnTitle a:active {	font-weight:normal;}

.indent2 {
	display:block;
	float:left;
	height:2em;
}

.indent3 {
	display:block;
	float:left;
	height:3em;
}

.indent4 {
	display:block;
	float:left;
	height:4em;
}


/* 機種依存文字 箇条書き用 枠なし */
table.listBox td {
	font-size:110%;
	letter-spacing:0.5px;
	line-height:1.4;
	margin:0;
	padding:2px 5px;
}
ul.listNum li {
	list-style:none;
	line-height:1.4;
	font-size:14px;
}
ul.listNum li img {
	vertical-align:top;
	margin-right:5px;
}

/* 機種依存文字 箇条書き用 枠なし・padding詰め */
table.listBox00 th {
	font-size:110%;
	letter-spacing:0.5px;
	line-height:1.4;
	margin:0;
	padding:2px 5px 2px 0;
	vertical-align:top;
}
table.listBox00 td {
	font-size:110%;
	letter-spacing:0.5px;
	line-height:1.4;
	margin:0;
	padding:2px 0;
}

/* 機種依存文字 箇条書き用 枠あり-中線なし */
table.listBox02 {
	border-collapse:collapse; 
	border-spacing:0; 
}
table.listBox02 th {
	border:1px solid #999;
	border-right:none;
	padding:2px 5px;
}
table.listBox02 td {
	font-size:110%;
	letter-spacing:0.5px;
	line-height:1.4;
	margin:0;
	padding:2px 5px;
	border:1px solid #999;
	border-left:none;
}

/* 機種依存文字 箇条書き用 枠あり-中線あり */
table.listBox01 {
	border-collapse:collapse; 
	border-spacing:0; 
}
table.listBox01 th {
	border:1px solid #999;
	padding:2px 5px;
}
table.listBox01 td {
	font-size:110%;
	letter-spacing:0.5px;
	line-height:1.4;
	margin:0;
	padding:2px 5px;
	border:1px solid #999;
	font-family:"ＭＳ Ｐゴシック", Verdana, sans-serif!important;
}

.201101Customer01 td {padding:2px 0 !important;}



/* COMMONE */
.bold {font-weight:bold;}
.underLine {text-decoration:underline;}
.lineH10 {line-height:1.0em;}
.italic { font-style:italic;}
.block {display:block;}

.fLeft {float:left;}
.fRight {float:right;}
.clear {clear:both;}

.bouten {
/*	font-style:normal;
	font-weight:inherit;
	color:inherit;*/
	padding: 0;
}
.bouten span {
	font-style:normal;
	font-weight: inherit;
	background:url(images/bouten.gif) no-repeat 30% 0;
    margin: -5px 0 0;
    padding: 5px 0 0;
}
/* TEXT ALIGN */
.txtCenter {text-align:center!important;}
.txtLeft {text-align:left!important;}
.txtRight {text-align:right!important;}

/*ルビ*/
ruby {
	padding-top:10px;
}
ruby rt {
	font-size:65%;
	font-weight:normal;
}

/*COLOR*/
.cBlack,
.cBlack li {color:#000;!important;}


.margin0 {margin:0 !important;}
.mT0 {margin-top:0 !important;}
.mT3 {margin-top:3px !important;}
.mT5 {margin-top:5px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT18 {margin-top:18px !important;}

.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB7 {margin-bottom:7px !important;}
.mB10 {margin-bottom:10px !important;}
.mB15 {margin-bottom:15px !important;}
.mB17 {margin-bottom:17px !important;}
.mB20 {margin-bottom:20px !important;}
.mB30 {margin-bottom:30px !important;}
.mB40 {margin-bottom:40px !important;}
.mB50 {margin-bottom:50px !important;}
.mB60 {margin-bottom:60px !important;}
.mB70 {margin-bottom:70px !important;}
.mB80 {margin-bottom:80px !important;}
.mB90 {margin-bottom:90px !important;}

.mL10 {margin-left:10px !important;}
.mL15 {margin-left:15px !important;}
.mL20 {margin-left:20px !important;}
.mL60 {margin-left:60px !important;}

.pT10{ padding-bottom:10px !important;}
.pT20{ padding-bottom:20px !important;}
.pB10{ padding-bottom:10px !important;}
.pB20{ padding-bottom:20px !important;}
.pB30{ padding-bottom:30px !important;}


/*TEXT*/
.txt11 {font-size:11px!important;}
.txt12 {font-size:12px!important;}
.txt13 {font-size:13px!important;}

/*コラム　TEXT　text-indentなし　20140423*/
.textIn0{text-indent:0 !important;}

/*ルビ*/
ruby {
	padding-top:0px;
}