@charset "Shift_JIS";

/*Base
-------------------------------------------*/
/*Reset
--------------*/
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td {
	margin:0;
	padding:0;
	list-style:none;
}
h1 {
	padding-top:0 !important;	
}

img {
	border:0;
	line-height:0;
	margin:0;
	padding:0;
}

ul, ol {
	position:relative;
	overflow:hidden;
}


/*Link
--------------*/
a:link {color:#0066cc;}
a:hover {color:#0099ff;}
a:active {color:#0099ff;}
a:visited	{color:#0066cc;}

.active {color:#eb6100;}	

dt.tmpTtlDt:link {
	color:#333333;
	cursor:pointer;
}
dt.tmpTtlDt:hover {
	color:#0066cc;
	cursor:pointer;
	background:#dce6f2 url(../images/bg_tmpTtl_cat_on.gif) no-repeat;
}
dt.tmpTtlDt:visited {
	color:#333333;
	cursor:pointer;
}


/*Font
--------------*/
body, div, h1, h2, h3, h4, h5, p, span, a, li, dt, dd {
/*	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
}
#iconArea table td, #iconArea table td a,
#head_txtlink, #head_txtlink	a,
#pankuzu, #pankuzu a,
#foot_bg, #foot_bg a {
	font-family:"ＭＳ Ｐゴシック",Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

dd.tmpTtlDd1 ul li a,
dd.tmpTtlDd2 ul li a,
dd.tmpTtlDd3 ul li a,
dd.tmpTtlDd4 ul li a,
ul.tmpPresenlist li a,
ul.tmpFoodlist li a
	font-size:90%;
}
dl.tempList dt,
dl.tempList dt a,
dl.tempList dd {
	font-size:100%;
}

.tmpTtlh2 {
	font-size:100%;
	font-weight:bolder;
	line-height:1.5;
	color:#000000;
	height:25px;
	line-height:25px;
	text-indent:20px;
	background-image: url(../images/bg_tmpTtl_h2.gif);
	background-repeat: no-repeat;
	}
.tmpTtlh3 {
	font-size:100%;
	font-weight:bolder;
	line-height:1.5;
	color:#000000;
	height:25px;
	line-height:25px;
	text-indent:20px;
	background-image: url(../images/bg_tmpTtl_h3.gif);
	background-repeat: no-repeat;
}

.txtTtlh2 {
	font-size:120%;
	font-weight:bolder;
	line-height:1.5;
	color:#000000;
	}
.txtTtlh3 {
	font-size:110%;
	font-weight:bolder;
	line-height:1.5;
	color:#000000;
	background-color:#fee968;
	background-repeat: no-repeat;
}

.tmpTtlDt,
.tmpTtlDt_cat {
	font-size:100%;
	font-weight:normal;
	color:#000000;
	}

.txtHid {text-indent:-9999px;}
.mid {font-size:80%;}
.normal {font-weight:normal;}

.sbc {
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:75%;
	font-weight:normal;
}


/* off2010_ */
.txtTtlh3_office {
	font-size:120%;
	font-weight:bolder;
	line-height:1.5;
	color:#000000;
	background-color:#fee968;
	background-repeat: no-repeat;
	border-bottom:1px solid #efefef;
}

.off2010_link a:link,
.off2010_link a:visited,
.off2010_link a:active,
.off2010_link a:hover {
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size:130%;
	font-weight:bolder;
	color:#f16800;
}
.off2010_link a:hover {
	background-color:#fee968;
}
/*Color 
--------------*/
.blue_MSITC {
	color:#18a4de;
}
.blue_SBC {
	color:#278dcf;
}

/*Text-align
--------------*/
.txaL {text-align:left;}
.txaR {text-align:right;}
.txaC {text-align:center;}	

/*Float
--------------*/
.flL {float:left;}
.flR {float:right;}

/*Clear
--------------*/
.both {
	clear:both;
	}
.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	}
.clearfix {
	display:inline-block;
	}	


/*Margin
--------------*/
/*top*/
.mgT3 {margin-top:3px;}
.mgT5 {margin-top:5px;}


/*Padding
--------------*/
/*right*/
.pdR3 {padding-right:3px;}


/* Width
--------------------------*/
.wid145 {width:145px;}
.wid150 {width:150px;}
.wid165 {width:165px;}
.wid170 {width:170px;}
.wid180 {width:180px;}
.wid240 {width:240px;}
.wid550 {width:550px;}
.wid700 {width:700px;}
.wid730 {width:730px;}
.wid739 {width:739px;}

/* Height
--------------------------*/
.hei3 {height:3px;}
.hei10 {height:10px;}
.hei20 {height:20px;}

/* Border
--------------------------*/
.bd1gray {border:1px solid #cccccc;}
.bdT1gray {border-top:1px solid #999999;}



/*Layout
-------------------------------------------*/
/*common
--------------------------*/
#container {
	margin:5px 10px 0;
	width:730px;
}
/* top page */
#headerArea{
	height:200px;
}
#bannerArea {
	float:left;
}

#bannerArea div {
	height:96px;
}
/* category page */
#headerArea_category {
	height:153px;
}

#iconArea {
	margin:0 auto;
	padding:5px 0px 5px 5px;
	width:723px;
	background-color:#f6f6f6;
	border:1px solid #efefef;
	}
#iconArea table {
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	}
	
#iconArea td {
	font-size:80%;
	vertical-align:top;
	line-height:21px;
	height:21px;
	}
	.doc03, .doc07, .exl03, .exl07, .msg07, .ppt07, .one07 {
		width:21px;
	}
	#iconArea td.doc03 {background: url(../images/icon_doc2003.gif) no-repeat;}
	#iconArea td.doc07 {background: url(../images/icon_doc2007.gif) no-repeat;}
	#iconArea td.exl03 {background: url(../images/icon_exl2003.gif) no-repeat;}
	#iconArea td.exl07 {background: url(../images/icon_exl2007.gif) no-repeat;}
	#iconArea td.msg07 {background: url(../images/icon_msg2007.gif) no-repeat;}
	#iconArea td.ppt07 {background: url(../images/icon_ppt2007.gif) no-repeat;}
	#iconArea td.one07 {background: url(../images/icon_one2007.gif) no-repeat;}

#forUser2003 {
	margin-top:5px;
	background-color:#dcecf7;
}

#referArea {
	margin:0 auto;
	padding:10px;
	width:710px;
	background-color:#f3f3f3;
	}
#referArea ul {
	margin:5px;
	padding-left:15px;
	}
#referArea ul li {
	font-size:110%;
	line-height:1.4em;
	list-style-type: disc;
}


/*Top page
--------------------------*/
/* wrapper */
.wrapper {
	width:730px;
}
.templateBox1,
.templateBox2 {
	float:left;
	display:block;
	width:243px;
	}
	.templateBox1 {height:140px;}
	.templateBox2 {height:100px;}

	dt.tmpTtlDt {
		width:241px;
		height:25px;
		line-height:25px;
		text-indent:21px;
		background:#dce6f2 url(../images/bg_tmpTtl_cat.gif) no-repeat;
	}

	
	/* Word / Excel */
	dl.templateBox1 dd.tmpTtlDd1 ul {
		margin:3px 0 0 3px;
		padding:0;
		}
	dl.templateBox1 dd.tmpTtlDd1 ul li {
		margin:0;
		padding:0;
		height:18px;
		text-indent:33px;
	}
	.tmpdoc03{background:#ffffff url(../images/list_doc03.gif) 0 0 no-repeat;}
	.tmpdoc07{background:#ffffff url(../images/list_doc07.gif) 0 0 no-repeat;}
	.tmpexl03{background:#ffffff url(../images/list_exl03.gif) 0 0 no-repeat;}
	.tmpexl07{background:#ffffff url(../images/list_exl07.gif) 0 0 no-repeat;}


	/* Outlook */
	dl.templateBox1 dd.tmpTtlDd2 ul {
		margin:3px 0 0 3px;
		padding:0;
		}
	dl.templateBox1 dd.tmpTtlDd2 ul li {
		margin:0;
		padding:0;
		height:18px;
		text-indent:19px;
		background:#ffffff url(../images/list_msg07.gif) 0 0 no-repeat;
	}
	.tmpmsg07{background:#ffffff url(../images/list_msg07.gif) 0 0 no-repeat;}

	/* PowerPoint */
	dl.templateBox2 dd.tmpTtlDd3 ul {
		margin:3px 0 0 3px;
		padding:0;
		}
	dl.templateBox2 dd.tmpTtlDd3 ul li {
		margin:0;
		padding:0;
		height:18px;
		text-indent:19px;
		background:#ffffff url(../images/list_ppt07.gif) 0 0 no-repeat;
	}
	/*  */
	ul.tmpPresenlist {
		margin:3px 0 0 3px;
		padding:0;
		height:85px;
	}
	ul.tmpPresenlist li {
		height:18px;
		line-height:16px;
		text-indent:19px;
		background:#ffffff url(../images/list_ppt07.gif) 0 0 no-repeat;
	}

	/* 飲食店向け PowerPoint */
	ul.tmpFoodlist {
		margin:3px 0 0 3px;
		padding:0;
		height:50px;
		}
	ul.tmpFoodlist li {
		height:18px;
		line-height:16px;
		text-indent:19px;
		background:#ffffff url(../images/list_ppt07.gif) 0 0 no-repeat;
	}

	/* OneNote */
	dl.templateBox1 dd.tmpTtlDd4 ul {
		margin:3px 0 0 3px;
		padding:0;
		}
	dl.templateBox1 dd.tmpTtlDd4 ul li {
		margin:0;
		padding:0;
		height:18px;
		text-indent:19px;
		background:#ffffff url(../images/list_one07.gif) 0 0 no-repeat;
	}
	
#office2010Area {
	margin-bottom:25px !important;
	background-color:#fff5cf;
/*	border:2px solid #ffd05c;*/
	border:1px solid #fee968;
}
#office2010Area p {
}

/* Category page
--------------------------*/
dl.templateBox_cat,
dl.templateBox_cat dt.tmpTtlDt_cat {
	width:730px;
}

dl.templateBox_cat dt.tmpTtlDt_cat {
	margin-bottom:5px;
	height:25px;
	line-height:25px;
	text-indent:21px;
	background:#dce6f2 url(../images/bg_tmpTtl_cat3.gif) no-repeat;
	}
dl.templateBox_cat dd.tmpTtlDd_cat {
	padding:1px;
}
/* template name */
dl.tempList dt.tmpDt {
	padding: 2px 0.2em;
	text-indent:0.3em;
	background-color:#F6F6F6;
	border-top:solid 1px #ccc;
	}
/* template description */
dl.tempList dd.tmpDd {
	background-color:#F6F6F6;
	border-top:solid 1px #ccc;
	border-bottom:1px solid #ccc;
}

dl.tempList dt {
	clear:left;
	float:left;
	padding: 2px 0.2em 2px 2.8em;
	width:18em;
/*	text-indent:2.6em;*/
	}
dl.tempList dd {
	margin-left:0;
	padding:2px 0.5em 2px 21.5em;
	border-bottom:1px dotted #999999;
}


/* Search
--------------------------*/
body#format ul#searchArea {
	width:730px;
	overflow:hidden;
	zoom:1;
	margin-bottom:10px;
}

body#format ul#searchArea form.from-group {
	margin:0;
	padding:0;
	height:43px;
	_height:60px;
}

/* category */
body#format ul#searchArea li#category {
	width:300px;
	float:left;
}

body#format ul#searchArea li#category form select {
	width:280px;
	border:1px solid #CCCCCC;
	position:relative;
}

body#format.top ul#searchArea li#category form select {
	_margin-top:-40px;
}

*:first-child+html body#format.top ul#searchArea li#category form select {
	margin-top:0x;
}

body#format ul#searchArea li#search {
	width:425px;
	float:right;
	vertical-align:middle;
}

body#format ul#searchArea li#search img,
body#format ul#searchArea li#search input {
	vertical-align:middle;
}

body#format ul#searchArea li.box form {
	padding:8px;
	border:1px solid #BEBEBE;
}

body#format .categoryList ul li#cat100,
body#format .categoryList ul li#cat200,
body#format .categoryList ul li#cat300,
body#format .categoryList ul li#cat400 {
	clear:both;
	background:url(../img/tit_bg1.gif) no-repeat 0 0;
	padding:5px 0 5px 13px;
}

body#format .categoryList ul ul {
	overflow:hidden;
	zoom:1;
	margin-top:10px;
	margin-left:-18px;
}

body#format .categoryList ul ul li {
	width:240px;
	float:left;
	margin:0 0 5px 5px;
	display:inline;
	background-color:#F6F6F6;
}

body#format .categoryList ul ul li ul {
	margin-left:0;
	padding:0 0 20px;
}

body#format .categoryList ul ul li ul li {
	width:auto;
	float:none;
	display:block;
	margin:0 0 0 10px;
	padding:0;
}

body#format .categoryList ul ul li a {
	display:block;
	padding:5px 0;
	background:url(../img/subtitle_bg.jpg) no-repeat 0 50%;
	padding-left:25px;
}

body#format .categoryList ul li ul li div.linkMore {
	padding:0;
	background:none;
	text-align:right;
	margin-top:-18px;
	padding-right:8px;
	position:relative;
}

body#format .categoryList ul li ul li div.linkMore a {
	display:inline;
	padding:0;
	background:none;
}

body#format .categoryList ul ul li ul li a {
	display:inline;
	padding:0;
	background:none;
}

body#format .categoryList ul ul li ul li{
	padding-left:22px;
	margin-bottom:1px;
	width:200px;
	overflow:hidden;
	white-space: nowrap; 
	text-overflow:ellipsis;
}
body#format .categoryList ul ul li ul li img.icon2007{
	margin:1px 0 0 2px;
}
body#format .categoryList ul ul li ul li.word,
body#format table.listTable tr.word td.entryTitle {
	background:url(../img/icon_word.gif) no-repeat 0 1px;
}
body#format .categoryList ul ul li ul li.excel,
body#format table.listTable tr.excel td.entryTitle {
	background:url(../img/icon_excel.gif) no-repeat 0 1px;
}
body#format .categoryList ul ul li ul li.outlook,
body#format table.listTable tr.outlook td.entryTitle {
	background:url(../img/icon_outlook.gif) no-repeat 0 1px;
}
body#format .categoryList ul ul li ul li.powerpoint,
body#format table.listTable tr.powerpoint td.entryTitle {
	background:url(../img/icon_powerpoint.gif) no-repeat 0 1px;
}

body#format .categoryList ul ul li p.linkMore {
	margin:0 10px 10px;
	text-align:right;
}