@charset "utf-8";

/* 実践アイデア　[ idea.css ]
=================================
1: 共通

2: 実践アイデアトップ　[ id="top" ]

3: 実践アイデア第2階層　[ id="second" ]

4: 実践アイデア第3階層　[ id="third" ]

5: 実践アイデア投稿フォーム　[ id="contribution" ]

=================================*/


/*1: 共通
=================================*/
#main-col h3 {
	margin: 20px 0 0;
	background: #b2e0f0 url(../../idea/img/bg_stit.gif) no-repeat 0 0;
}

#main-col h3 span {
	display: block;
	padding: 7px 10px;
	background: url(../../idea/img/bg_stit_bottom.gif) no-repeat 0 100%;
	font-weight: bold;
}

#main-col div.h3-wrap {
	margin: 20px 0 0;
	background: #b2e0f0 url(../../idea/img/bg_stit.gif) no-repeat 0 0;
}

#main-col div.h3-wrap div.multicol {
	display: block;
	padding: 7px 10px;
	background: url(../../idea/img/bg_stit_bottom.gif) no-repeat 0 100%;
}

#main-col div.h3-wrap div.multicol h3.leftcol {
	width: 320px;
	margin: 0;
	background: none;
	font-weight: bold;
}

#main-col div.h3-wrap div.multicol ul.rightcol {
	width: 190px;
	text-align: right;
	vertical-align: top;
}

#main-col div.h3-wrap div.multicol ul.rightcol li {
	display: inline;
}

#main-col h4 {
	margin: 25px 0 0;
}

#main-col p.bt-ichiran {
	margin: -30px 10px 0 0;
	padding: 0;
	text-align: right;
}

#main-col p.bt-ichiran2 {
	margin: -30px 10px 0 0;
	padding: 0 0 10px;
	text-align: right;
}

#main-col p.cap {
	margin: 10px 10px 0;
	padding: 0;
	text-align: right;
}


/*2: 実践アイデアトップ　[ id="top" ]
=================================*/
#main-col p.bt-ichiran2 {
	margin: -30px 10px 0 0;
	padding: 0 0 10px;
	text-align: right;
}

#top #main-col h2 {
	margin: 5px 0 0;
	padding: 5px 0;
}

#top #main-col div.link-box {
	display: block;
	margin: 10px 10px 0;
	padding: 0 0 10px;
	background: url(../../img/dot_01.gif) repeat-x 0 100%;
}

#top #main-col div.link-box p.leftcol {
	width: 350px;
	margin: 0;
}

#top #main-col div.link-box ul.rightcol {
	width: 160px;
	text-align: right;
	vertical-align: top;
}

#top #main-col div.link-box ul.rightcol li {
	display: inline;
}

#top #main-col p.link-ichiran {
	margin: 0;
	padding: 5px 10px 10px;
	text-align: right;
}

#top #main-col p.cap {
	margin: 3px 10px 0;
	font-size: 85%;
	text-align: left;
}

/* idea apply-box */
#apply-box {
	margin: 25px 0 0;
	padding: 0;
	background: url(../../idea/img/bg_apply.gif) no-repeat 0 100%;
}

#apply-box div.multicol {
	width: 510px;
	margin: 0 10px;
	padding: 10px 0;
}

#apply-box div.multicol p.leftcol {
	width: 415px;
}

#apply-box div.multicol p.rightcol {
	width: 82px;
}

#top #apply-box {
	margin: 15px 0 10px;
}

/*3: 実践アイデア第2階層　[ id="second" ]
=================================*/

#second #main-col div.link-box {
	display: block;
	margin: 15px 10px 0;
	padding: 0 0 5px;
	background: url(../../img/dot_01.gif) repeat-x 0 100%;
}

#second #main-col div.link-box div.leftcol {
	width: 440px;
	margin: 0;
}

#second #main-col div.link-box div.leftcol p {
	margin: 0;
	padding: 0 0 5px;
}

#second #main-col div.link-box ul.rightcol {
	width: 55px;
	text-align: left;
}

#second #main-col div.link-box ul.rightcol li {
	display: inline;
	margin: 0;
	padding: 0;
}

#second #main-col div.link-box ul.rightcol li img {
	margin: 0;
	padding: 0 0 2px;
}


/*4: 実践アイデア第3階層　[ id="third" ]
=================================*/
#third #main-col h1 {
	margin: 20px 0 0;
	background: #b2e0f0 url(../../idea/img/bg_stit.gif) no-repeat 0 0;
}

#third #main-col h1 span {
	display: block;
	padding: 7px 10px;
	background: url(../../idea/img/bg_stit_bottom.gif) no-repeat 0 100%;
	font-weight: bold;
}

#third #main-col div.h1-wrap {
	margin: 20px 0 0;
	background: #b2e0f0 url(../../idea/img/bg_stit.gif) no-repeat 0 0;
}

#third #main-col div.h1-wrap div.multicol {
	display: block;
	padding: 7px 10px;
	background: url(../../idea/img/bg_stit_bottom.gif) no-repeat 0 100%;
}

#third #main-col div.h1-wrap div.multicol h1.leftcol {
	width: 350px;
	margin: 0;
	background: none;
	font-weight: bold;
}

#third #main-col div.h1-wrap div.multicol ul.rightcol {
	width: 160px;
	text-align: right;
	vertical-align: top;
}

#third #main-col div.h1-wrap div.multicol ul.rightcol li {
	display: inline;
}

#third #main-col h2 {
	margin: 25px 0 0;
}

/*概要
---------------------------------*/
#third #gaiyou-box {
	margin: 0 10px;
}

#third #gaiyou-box dl dt {
	width: 86px;
	margin: 10px 0 0;
}

#third #gaiyou-box dl dd {
	width: 424px;
	margin: -20px 0 0 86px;
}

#third #gaiyou-box dl dd strong {
	color: #0088bb;
}


/*実践アイデアの流れ
---------------------------------*/
#third #flow-box {
	margin: 0 10px;
	padding: 5px 0 0;
}

#third #flow-box div.indent {
	margin: 0 0 0 20px;
}

#third #flow-box div.blue-box {
	width: 510px;
	margin: 20px 0 0;
	padding: 1px 0 0;
	background: url(../../idea/img/bg_blue.gif) no-repeat 0 0;
}

#third #flow-box div.blue-box div.wrap {
	padding: 0 20px 20px;
	background: url(../../idea/img/bg_blue_bottom.gif) no-repeat 0 100%;
}

#third #flow-box div.blue-box2 {
	width: 490px;
	margin: 20px 0 0;
	padding: 1px 0 0;
	background: url(../../idea/img/bg_blue2.gif) no-repeat 0 0;
}

#third #flow-box div.blue-box2 div.wrap {
	padding: 10px 15px 5px;
	background: url(../../idea/img/bg_blue_bottom2.gif) no-repeat 0 100%;
}

#third #flow-box div.orange-box {
	width: 510px;
	margin: 20px 0 0;
	padding: 1px 0 0;
	background: url(../../idea/img/bg_orange.gif) no-repeat 0 0;
}

#third #flow-box div.orange-box div.wrap {
	padding: 0 20px 20px;
	background: url(../../idea/img/bg_orange_bottom.gif) no-repeat 0 100%;
}

#third #flow-box .margin2 {
	padding: 5px 0 0;
}

#third #flow-box .margin3 {
	margin-top: 20px;
}

#third #flow-box .margin4 {
	padding-bottom: 20px;
}

#third #flow-box .margin5 {
	margin-top: -10px;
}

#third #flow-box .tx-c {
	text-align: center;
}

#third #flow-box p {
	padding: 20px 0 0;
}

#third #flow-box p.example {
	margin: 0 0 0 3em;
	text-indent: -3em;
}

#third #flow-box p strong {
	display: block;
	margin: 0 0 -10px;
}

#third #flow-box p strong.margin2 {
	margin: 0;
	padding: 0;
}

#third #flow-box ul {
	padding: 15px 0 0;
}

#third #flow-box ul li.indent {
	margin-left: 20px;
}

#third #flow-box ul li p {
	padding: 5px 0 10px;
}

#third #flow-box ul li ul {
	padding: 5px 0 10px;
}

#third #flow-box dl {
	margin: 15px 0 0;
}

#third #flow-box dl.serifu {
	margin: 15px 0;
}

#third #flow-box dl.serifu dt {
	float: left;
	width: 6.5em;
}

#third #flow-box dl.serifu dd {
	margin-left: 7.5em;
	text-indent: -1em;
}

#third #flow-box dl.serifu2 {
	margin: 0 0 15px;
}

#third #flow-box dl.serifu2 dt {
	width: 15em;
}

#third #flow-box dl.serifu2 dd {
	margin: -1.5em 0 0 17em;
}

#third #flow-box dl.serifu3 {
	margin: 0;
	padding: 20px 0 0;
}

#third #flow-box dl.serifu3 dt {
	width: 2em;
}

#third #flow-box dl.serifu3 dd {
	margin: -1.5em 0 0 3em;
}

#third #flow-box dl.point {
	margin: 0 0 15px;
}

#third #flow-box dl.point dt {
	width: 8em;
}

#third #flow-box dl.point dd {
	margin: -1.5em 0 0 9em;
}

#third #flow-box .cap {
	margin-left : 1em;
	text-indent: -1em;
}

#third #flow-box #arrow-box {
	margin: 0 0;
}

#third #flow-box #arrow-box p {
	float: left;
	width: 310px;
	margin: 0;
	text-align: center;
}

#third #flow-box #arrow-box p.leftcol {
	width: 100px;
	text-align: right;	
}

#third #flow-box #arrow-box p.rightcol {
	width: 100px;
	text-align: left;	
}

#third #flow-box div.img-box-01 {
	width: 511px;
	margin: -15px 0 0;
}

#third #flow-box div.img-box-01 p span {
	display: block;
	width: 160px;
	text-align: center;
}

#third #flow-box div.img-box-01 p.leftcol {
	width: 175px;
}

#third #flow-box div.img-box-01 p.rightcol {
	float: left;
	width: 160px;
}

#third #flow-box div.img-box-02 {
	position: relative;
}

#third #flow-box div.img-box-02 p.arrow {
	position: absolute;
	top: 75px;
	left: 240px;
}

#third #flow-box div.img-box-02 p span {
	display: block;
	width: 245px;
	text-align: center;
}

#third #flow-box div.img-box-03 .leftcol {
	width: 257px;
}

#third #flow-box div.img-box-03 .rightcol {
	width: 250px;
}

#third #flow-box strong.blue {
	display: inline;
	margin: 0;
	padding: 0;
	color: #0088bb;
}

#third #flow-box .multicol2 {
	width: 510px;
	margin: 0px;
}

#third #flow-box .multicol2 .leftcol {
	width: 130px;
}

#third #flow-box .multicol2 .leftcol p {
	margin: 5px 0 0;
}

#third #flow-box .multicol2 .leftcol p.img img {
	padding: 5px;
	border: 1px solid #dddddd;
}

#third #flow-box .multicol2 .leftcol p.txt {
	margin: 10px 10px 0 0;
}

#third #flow-box .multicol2 .rightcol {
	width: 280px;
}

#third #flow-box .multicol2 .rightcol p {
	margin: 5px 0 0;
}



/*アイコン
---------------------------------*/
#third #flow-box .b-blank { background: url(../../idea/img/icon_blue_disc.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-1 { background: url(../../idea/img/icon_blue_1.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-2 { background: url(../../idea/img/icon_blue_2.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-3 { background: url(../../idea/img/icon_blue_3.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-4 { background: url(../../idea/img/icon_blue_4.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-5 { background: url(../../idea/img/icon_blue_5.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-6 { background: url(../../idea/img/icon_blue_6.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-7 { background: url(../../idea/img/icon_blue_7.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-8 { background: url(../../idea/img/icon_blue_8.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-9 { background: url(../../idea/img/icon_blue_9.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .b-cap { background: url(../../idea/img/icon_blue_kome.gif) no-repeat 0 5px; padding: 5px 0 2px 20px; font-size: 85%;}
#third #flow-box .b-cap2 { background: url(../../idea/img/icon_blue_kome.gif) no-repeat 0 5px; padding: 5px 0 2px 20px;}

#third #flow-box .o-blank { background: url(../../idea/img/icon_orange_disc.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-1 { background: url(../../idea/img/icon_orange_1.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-2 { background: url(../../idea/img/icon_orange_2.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-3 { background: url(../../idea/img/icon_orange_3.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-4 { background: url(../../idea/img/icon_orange_4.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-5 { background: url(../../idea/img/icon_orange_5.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-6 { background: url(../../idea/img/icon_orange_6.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-7 { background: url(../../idea/img/icon_orange_7.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-8 { background: url(../../idea/img/icon_orange_8.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-9 { background: url(../../idea/img/icon_orange_9.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#third #flow-box .o-cap { background: url(../../idea/img/icon_orange_kome.gif) no-repeat 0 5px; padding: 5px 0 2px 20px; font-size: 85%;}

#third #flow-box .disc { margin-left: 1em; text-indent: -1em;}

/*ダウンロード/関連商品
---------------------------------*/
#third div.row-wrap {
	margin: 15px 0 0 10px;
}

#third div.item-box {
	float: left;
	width: 130px;
}

#third div.item-box p.img {
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}

#third div.item-box p.img img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#third div.item-box p.txt {
	margin: 10px 8px 0 0;
}

#third div.item-box p.jpg {
	padding: 0 0 0 18px;
	background: url(../../img/icon_jpg.gif) no-repeat 0 2px;
}

#third div.item-box p.pdf {
	padding: 0 0 0 18px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

#third div.item-box p.word {
	padding: 0 0 0 18px;
	background: url(../../img/icon_word.gif) no-repeat 0 2px;
}

#third div.item-box p.excel {
	padding: 0 0 0 18px;
	background: url(../../img/icon_excel.gif) no-repeat 0 2px;
}

/*実践アイデア募集中
---------------------------------*/
#third ul#month-nav {
	margin: 15px 0 0;
}

#third ul#month-nav li {
	display: inline;
	margin: 0 0 0 10px;
	padding: 0 0 0 12px;
	background: url(../../img/arrow_red_s.gif) no-repeat 0 50%;
}

/*5: 実践アイデア投稿フォーム　[ id="contribution" ]
=================================*/
#contribution #sub-col #ssl{
  padding-top: 10px;
  font-size: 11px;
}

#contribution #main-col h1 {
	margin: 30px 0 0;
}

#contribution #main-col h2 {
	margin: 30px 0 0;
}

#contribution #main-col p.txt {
	margin: 15px 10px 0;
}

#contribution #main-col p.tx-c {
	margin: 15px 10px 0;
	text-align: center;
}

#contribution #main-col .red {
	color: #ff0000;
}

#contribution #main-col div.box-01 {
	margin: 20px 10px 0;
	padding: 1px 0 0;
	background: url(../../idea/img/bg_round_top.gif) no-repeat 0 0;
}

#contribution #main-col div.box-01 div.wrap {
	padding: 10px 10px 0;
	background: url(../../idea/img/bg_round_bottom.gif) no-repeat 0 100%;
}

#contribution #main-col div.box-01 ul {
	padding: 0 10px 10px;
}

#contribution #main-col div.box-01 ul li ul {
	padding: 0;
}

#contribution #main-col div.box-01 p {
	margin: 0 0 5px;
}

#contribution #main-col p.link {
	margin: 30px 10px 0;
}

#contribution div.red_box {
	border: 1px solid #DDDDDD;
	background: #FCE5E7;
	padding: 0 10px 10px;
	margin: 10px 10px 0;
}

#contribution div.red_box p{
  margin: 10px 10px 0;
}

#contribution div.red_box p.red_title{
	font-weight: bold;
}


/*アイコン
---------------------------------*/
#contribution .b-blank { background: url(../../idea/img/icon_blue_disc.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#contribution .b-1 { background: url(../../idea/img/icon_blue_1.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#contribution .b-2 { background: url(../../idea/img/icon_blue_2.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#contribution .b-3 { background: url(../../idea/img/icon_blue_3.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#contribution .b-4 { background: url(../../idea/img/icon_blue_4.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#contribution .b-5 { background: url(../../idea/img/icon_blue_5.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#contribution .b-cap { background: url(../../idea/img/icon_blue_kome.gif) no-repeat 0 5px; padding: 5px 0 2px 20px; font-size: 85%;}

/*フォーム
---------------------------------*/
#contribution table {
	width: 510px;
	margin: 15px 10px 0;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#contribution table th {
	width: 23%;
	padding: 7px 5px;
	background-color: #e5f5fa;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-weight: bold;
}

#contribution table td {
	width: 77%;
	padding: 7px 5px 7px 10px;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#contribution table td p {
	margin: 5px 0 0;
}

#contribution table td p.error {
	margin: 0;
	color: #ff0000;
}

#contribution table td table {
	width: auto;
	margin: 0 0 5px;
	padding: 0;
	border: none;
}

#contribution table td table td {
	width: auto;
	margin: 0;
	padding: 0 10px 0 0;
	border: none;
}

#contribution table td textarea {
	width: 95%;
}

#contribution .btn-box {
	margin: 10px 10px 0;
	text-align: center;
}

#contribution .example {
	color:#999;
}

#contribution .w50 {
	width: 50px;
}

#contribution .w130 {
	width: 130px;
}

#contribution .w200 {
	width: 200px;
}

#contribution .w300 {
	width: 300px;
}